Getting mismatch from server/client on resizable component

[danielx-art]

I did the manual installation to use the new Resizable component of Shadcn on an already existing project. I'm using Next13 but not using the app directory/server components. Copied the demo of Resizable from the website and I'm getting this Warning, not sure what to do:

client.js:2 Warning: Prop data-panel-size did not match. Server: "null" Client: "50.0" at div at PanelWithForwardedRef (webpack-internal:///./node_modules/react-resizable-panels/dist/react-resizable-panels.browser.development.esm.js:60:3) at forwardRef(Panel) at div at PanelGroupWithForwardedRef (webpack-internal:///./node_modules/react-resizable-panels/dist/react-resizable-panels.browser.development.esm.js:1157:3) at forwardRef(PanelGroup) at ResizablePanelGroup (webpack-internal:///./src/components/micro/Resizable.tsx:17:11)

[simon-v-swyftx]

What version did you install? Shadcn uses 0.0.55 of react-resizable-panels

[arnau01]

ty help me solve similar issue!

[tifandotme]

What version did you install? Shadcn uses 0.0.55 of react-resizable-panels

Why did shadcn/ui use an old version though?

[danielx-art]

I installed the last version as orientations in the shadcn/docs. I reverted back to no not use shadcn, do not have it anymore.