The App ID in your code snippet has not been set

[alexedwardjones]

Describe the bug

I'm seeing this warning message even with the most basic setup and my appId hardcoded. I've dug through the codebase but couldn't find anything obvious. Any ideas?

[Intercom] The App ID in your code snippet has not been set. Set it to your App ID found in settings to complete installation: https://app.intercom.com/a/apps/_/settings/web

To Reproduce

import { IntercomProvider } from "react-use-intercom";

export const IntercomChat = ({ children }: { children: React.ReactNode }) => {
  return <IntercomProvider appId="XXXXXXXX">{children}</IntercomProvider>;
};

export default function App() {
  return (
    <IntercomChat>
      <div>
        <h1>Hello World!</h1>
      </div>
    </IntercomChat>
  );
}

[alexedwardjones]

Also worth noting that the warning disappears when you set autoBoot={true} regardless of whether you're manually booting or not.

[alexedwardjones]

If I set the appId in window.intercomSettings before creating the intercom provider the warning disappears which makes it feel like something is trying to access the intercomSettings before it should.

[devrnt]

Indeed, I can reproduce the warning. It can be "resolved" by setting the app_id on window.intercomSettings, but then Intercom will boot the messenger for you. This feels counterintuitive.

I’m not sure how best to handle this at the moment, so I’ll leave it as-is for now since it’s just a warning.