SSR dom content duplicated

Unanswered

Toyger posted this in #help-forum

ToygerOP

2024-02-05T23:49:30.000Z

I have an issue when upgrading from Next 12 â€”> 14 described in the Loom below. Basically, when navigating directly to a page route (or refreshing), the Dom elements rendered by SSR are not removed once the client is bootstrapped, and thus we have duplicate content. When client side rendering takes over, it is rendered beneath our server side rendered content. This only happens when directly navigating to a page route that has SSR content. Please see the brief video below for more details. Thank you!

https://www.loom.com/share/924ce47eb22d4906ae7ab1b88925451c?sid=e98112d6-d45d-425e-a600-e83c2b0dbd7d

4 Replies

Bighead carp

2024-02-06T00:45:45.000Z

It might be helpful to see the code

And also, what UI library is that?

New Zealand

2024-02-06T14:34:43.000Z

This is all Radix with custom styling! We will have a blog post coming out eventually about our design system!

And the code is relatively simple. Its just an SSR page in the old pages/ directory.

ToygerOP

2024-02-06T18:04:51.000Z

Here are the relevant bits of code