I have a simple bit of code in my layout.js.

This is placed below closing </body>. I have this in place to check localStorage and apply theme before load so it prevents flash of theme. It only works on some pages, and only on some refreshes.

It's very inconsistent. Can someone advise why this script only runs say 2/5 page refreshes...?

<script
          dangerouslySetInnerHTML={{
            __html: `
              try {
                    console.log(JSON.parse(localStorage.getItem("theme")))
                    if (localStorage.getItem("theme") != null && JSON.parse(localStorage.getItem("theme")) === true) {
                        document.documentElement.classList.add('theme-dark')
                    } else {                        
                        document.documentElement.classList.remove('theme-dark')
                    }
                } catch (e) {
                  console.log(e)
                }
            `,
          }}
        ></script>