Unhandled Runtime Error

Error: Hydration failed because the initial UI does not match what was rendered on the server.

See more info here: https://nextjs.org/docs/messages/react-hydration-error

Expected server HTML to contain a matching in .

Call Stack

dispatchEvent

[native code]Unhandled Runtime Error

Error: Hydration failed because the initial UI does not match what was rendered on the server.

See more info here: https://nextjs.org/docs/messages/react-hydration-error

Expected server HTML to contain a matching in .

^^^

Call Stack

ReactUnhandled Runtime Error

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

any tell me what i need to do to resolve the issue step wise withou any errors