Lost style from material UI

[taiducnguyen]

Hi,

I'm using nextjs and trying to integrate with intercom then I found the issue: When opening the chat box and then clicking on the close button, the material UI style is lost And I also see another error when I go to the other navigation page:

Do you guys have any idea about this issue ?

[ferpintado]

Same problem here https://streamable.com/we89py. Although it happens only on mobile.

I am using the hook in a next.js app

[devrnt]

Hi, thanks for creating this issue.

Can you provide a reproduction?

[ferpintado]

Hi, thanks for creating this issue.

Can you provide a reproduction?

...
...
const { show, update } = useIntercom();
...
...
<Button
  endIcon={<HelpOutline />}
  variant="text"
  onClick={show}
>
  Ayuda
</Button>

dependencies:

"@emotion/react": "^11.7.1", "@emotion/server": "^11.4.0", "@emotion/styled": "^11.6.0", "@mui/material": "^5.3.1", "next": "12.1.0", "react": "17.0.2",

1.- Open your app in mobile size window 2.- Click on the button

Intercom would open fine

3.-Close intercom 4.- Navigate to another route

App styling is broken

[devrnt]

Could you provide a codesandbox/stackblitz link with a small reproduction?

[devrnt]

Feel free to re-open

[rspauwen]

Hi, I'm having the same issue with next.js and only on mobile. Can someone re-open this issue please?