Boot Intercom once in your React entry component, not inside action creators

TL;DR: Load the Intercom snippet in index.html or your app entry component, then call window.Intercom('boot', {appid: INTERCOMAPP_ID}) once, e.g. in the entry component constructor with any identify settings you need. Do not boot inside action creators or per-user fetch logic; boot once at startup and then push user changes with Intercom('update') when the user logs in or switches.

Fix

1. Load the Intercom snippet in index.html or your app entry component, then call window.Intercom('boot', {appid: INTERCOMAPP_ID}) once, e.g. in the entry component constructor with any identify settings you need. Expected: this specific failure stops.

2. Do not boot inside action creators or per-user fetch logic; boot once at startup and then push user changes with Intercom('update') when the user logs in or switches. Expected: the request routes instead of erroring.

3. And in an SPA, remember to call Intercom('update') on every route change so page views and targeted messages fire, the boot alone is not enough. Expected: this specific failure stops.

Details

Context: Stack Overflow #42382809 (accepted answer, 7 votes): React + redux-segment user could not figure out where the app id goes or where to actually load Intercom. They tried loading it inside an action creator when grabbing the current user, and the widget never booted.

When to use

You hit exactly this: Boot Intercom once in your React entry component, not inside action creators in Boot Intercom.

When not to use

A different error, or the same symptom in a different tool. This page only covers the failure above.

Compatibility

Boot Intercom.

Stack Overflow #42382809 (accepted answer, 7 votes): React + redux-segment user could not figure out where the app id goes or where to actually load Intercom. They tried loading it inside an action creator when grabbing the current user, and the widget never booted. Resolved: Load the Intercom snippet in index.html or your app entry component, then call window.Intercom('boot', {appid: INTERCOMAPP_ID}) once, e.g. in the entry component constructor with any identify settings you need. Do not boot inside action creators or per-user fetch logic; boot once at startup and then push user changes with Intercom('update') when the user logs in or switches. And in an SPA, remember to call Intercom('update') on every route change so page views and targeted messages fire, the boot alone is not enough. Source: https://stackoverflow.com/questions/42382809/how-do-i-add-the-intercom-script-in-my-react-app