Next.js Discord

Discord Forum

Hydration failed error

Unanswered
Silver Fox posted this in #help-forum
Open in Discord
Silver FoxOP
Hydration failed because the server rendered HTML didn't match the client. As a result this tree will be regenerated on the client. This can happen if a SSR-ed Client Component used

7 Replies

Silver FoxOP
export const tabdata = [
    {
      title: "Skills",
      id: "skills",
      content: (
        <ul className="list-disc pl-2 grid grid-cols-3 grid-rows-3 gap-4">
          <li>Typescript</li>
          <li>JavaScript</li>
          <li>Git</li>
          <li>React</li>
          <li>Next.js</li>
          <li>MongoDB</li>
        </ul>
      ),
    },
happens when i add 
grid grid-cols-3 grid-rows-3 gap-4
to the className
Silver FoxOP
it doesnt even render the bullet points
like how are you doing it
the content field
@gin are you rendering this const?
Silver FoxOP
nvm i fixed it