Tailwind styles not applying after starting a new project (v2.7.0)

[KwaminaWhyte]

I just started. new project and configured tailwind, but the styles do not apply.
I got rid of the new layout export and it started working.

I got below error
react-dom.development.js:12507 Uncaught Error: Hydration failed because the initial UI does not match what was rendered on the server. at throwOnHydrationMismatch (react-dom.development.js:12507:9) at tryToClaimNextHydratableInstance (react-dom.development.js:12535:7) at updateHostComponent (react-dom.development.js:19902:5) at beginWork (react-dom.development.js:21618:14) at beginWork$1 (react-dom.development.js:27426:14) at performUnitOfWork (react-dom.development.js:26557:12) at workLoopConcurrent (react-dom.development.js:26543:5) at renderRootConcurrent (react-dom.development.js:26505:7) at performConcurrentWorkOnRoot (react-dom.development.js:25738:38) at workLoop (scheduler.development.js:266:34)