Weird Hydration Issue

[ntorba]

After some of @andrepology updates in the styling branch, I was getting a weird issue that is causing the accordion to load, then refresh in a fully expanded state.

attaching screenshots of the issues here

After googling, I went to the remix github, where I found this issue: remix-run/remix#2570, which has an (slightly unsatisfactory) solution to the problem.

Use

import { RemixBrowser } from '@remix-run/react'
import { hydrate } from 'react-dom'

hydrate(<RemixBrowser />, document)

instead of the hydrateRoot function.

hydrateRoot is only working in an incognito window, supposedly because of conflicts with 1 or more of the chrome extensions I am running

[ntorba]

this was an issue with MUI and remix not playing nice. Removed MUI