From Dev.to
React error #418: fixing a matchMedia hydration mismatch with useSyncExternalStore
Minified React error #418 means the HTML the server rendered did not match what the client rendered on its first pass. On my Next.js site the cause was a useMediaQuery hook that read window.matchMedia...