Error: There was an error while hydrating. Because the error happened outside of a Suspense boundary, the entire root will switch to client rendering

December 28, 2023 by Tarik

If you would look at the console you would see a warning.

Warning: validateDOMNesting(...): <head> cannot appear as a child of <div>

So, to fix this you just have to move head out of the div and move it to a different higher component.