Hydration Error when i importing Dashboardlayout in my next js app

[ashishjaswal2002]

Steps to reproduce

Steps:

1. Open this link to live example: (required)

Current behavior

mui/toolpad#4491

Expected behavior

mui/toolpad#4491

Context

mui/toolpad#4491

Your environment

My issue listed here please click on the link

Search keywords: Material ui toolpad

[ashishjaswal2002]

I am getting this error

Console Error

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

• A server/client branch if (typeof window !== 'undefined').
• Variable input such as Date.now() or Math.random() which changes each time it's called.
• Date formatting in a user's locale which doesn't match the server.
• External changing data without sending a snapshot of it along with the HTML.
• Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

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

...
<Router actionQueue={{state:{...}, ...}} assetPrefix="">



<ReactDevOverlay state={{nextId:1, ...}} dispatcher={{...}}>

<NotFoundBoundary notFound={}>
<NotFoundErrorBoundary pathname="/tournamen..." notFound={} ...>




<script>
<script>
<script>
<script>
<script>
<script>
<script>
<script>
<script>


...
...

•                                              data-toolpad-color-scheme="dark"
  

[aarongarciah]

Duplicate of mui/toolpad#4491