Warning: useLayoutEffect does nothing on the server when using Drawer from vaul in Nextjs 13

[rahXephonz]

Warning: useLayoutEffect does nothing on the server, because its effect cannot be encoded into the server renderer's output format. This will lead to a mismatch between the initial, non-hydrated UI and the intended UI. To avoid this, useLayoutEffect should only be used in components that render exclusively on the client. See https://reactjs.org/link/uselayouteffect-ssr for common fixes.
    at Root (file://clients/web/node_modules/.pnpm/vaul@0.9.1_@types+react-dom@18.2.0_@types+react@18.2.0_react-dom@18.2.0_react@18.2.0/node_modules/vaul/dist/index.mjs:749:23)
    at Drawer

i have use shadcn drawer and i believe its extending vaul in the components.
so i have this error in every page or component that using Drawer from Vaul

Is there any solutions to supress this warning?