search

tulupinc / flowbite-next-starter

flowbite-next-starter.vercel.app
163 stars 91 forks source link

Flowbite React have the "Hydration failed" Error on both local and Live version #57

Open phattranky opened 6 months ago

phattranky commented 6 months ago
  1. On the local I just simply pull this source code and run npm i and npm run dev

1111Capture

  1. The issue even happened on the Live Version at https://flowbite-next-starter.vercel.app/

2222Capture 333Capture

  1. I tried to create a new NextApp by following this tutorial https://www.flowbite-react.com/docs/guides/next-js The issue is the same

88Capture

The root cause could come from the FlowBite React

phattranky commented 6 months ago

Similar with the issue reported here https://stackoverflow.com/questions/77977594/flowbite-injecting-css-classes-in-dom-next-js-14-hydration-errors

manuelpazprad commented 4 months ago

yes, same happens with the DarkThemeToggle component.

image

JoshuaSmeda commented 2 months ago

Have you tried referring to the docs? https://flowbite-react.com/docs/guides/next-js#app-router