Segment client did not initialize correctly

[xuanmai-agilityio]

I got a weird issue with the Segment client initialization. The client did not initialize correctly due to the processing of pending events. It happened from the second time.
It does not happen on the latest Segment version, but the upgrade does not help due to the cache is still persisted between app updates.

• analytics-react-native version: 2.20.0
• Integrations versions (if used): no
• React Native version: 0.74.3 (Expo SDK 51.0.20)
• iOS or Android or both? Tested on iOS 17

Steps to reproduce

• Integrate Segment as normal.
• Open the app for the first time.
• Quit the app completely, kill it in the recent menu.
• Open the app again, and it throws an error (An internal error occurred: [Error: Client did not initialize correctly]). No events can be sent.

Expected behavior

• The Segment client initializes successfully, and events are sent to the dashboard following the flush policy.

Actual behavior

• The second time the app opens, Segment client inits the pending events as an object instead of an array.
• I placed a log in the SegmentClient class -> onReady function. It shows pending is not an array, which causes the next code block (the for of loop) to throw a type error and stop the initialization process.

[sunitaprajapati89]

@xuanmai-agilityio: Following steps are performed and it's working as expected.

• Integrated Segment as normal
• opened the app first time
• Killed app from the recent tab
• Open the app again and events are logged successfully.
  Please see attached screenshot.

Can you provide more details to further investigate it?

[benszedlmayer]

i have the exact same issue, @xuanmai-agilityio, have you found any solutions yet?

[xuanmai-agilityio]

@benszedlmayer I have to make a small patch in node_modules, that check the type of pending value. If it's not an array, we would call to set it to an empty array. The patch should apply to all 3 files (analytics.ts, module/analytics.js, commonjs/analytics.js)

if (!Array.isArray(pending)) {
  this.store.pendingEvents.set([])
}

[benszedlmayer]

@benszedlmayer I have to make a small patch in node_modules, that check the type of pending value. If it's not an array, we would call to set it to an empty array. The patch should apply to all 3 files (analytics.ts, module/analytics.js, commonjs/analytics.js)

if (!Array.isArray(pending)) {
  this.store.pendingEvents.set([])
}

Thank you, I'll try that!