[bug]: resizable.tsx imports non-existent export PanelGroup from react-resizable-panels

[minh261002]

Describe the bug

When using the shadcn/ui resizable component, the generated file imports PanelGroup from react-resizable-panels, but in react-resizable-panels@4.0.15 that export does not exist, causing a build error.
This looks like a shadcn/ui template mismatch with the current react-resizable-panels API/version.

Affected component/components

resizable

How to reproduce

1. Create-next-app (App Router)
2. Shadcn init
3. Shadcn add resizable
   pnpm dev
   → Error: Export PanelGroup doesn't exist in target module from react-resizable-panels@4.0.15

Codesandbox/StackBlitz link

No response

Logs

Export PanelGroup doesn't exist in target module
./packages/ui/src/components/resizable.tsx (5:1)

  3 | import * as React from "react";
  4 | import { GripVerticalIcon } from "lucide-react";
> 5 | import * as ResizablePrimitive from "react-resizable-panels";
    | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

The export PanelGroup was not found in module .../node_modules/react-resizable-panels/dist/react-resizable-panels.js
Did you mean to import Panel?

./packages/ui/src/components/resizable.tsx
./apps/web/modules/dashboard/ui/layouts/conversations-layout.tsx
./apps/web/app/(dashboard)/conversations/layout.tsx

System Info

OS: macOS (Apple Silicon)
Node.js: v20.x
Package Manager: pnpm v9.x
Framework: Next.js (App Router)
React: 19.2.3
shadcn/ui: latest
react-resizable-panels: 4.0.15
lucide-react: latest
Tailwind CSS: v4
Monorepo: Turborepo / workspace packages (ui package consumed by Next.js app)
Build target: App Router (RSC + Client Components)
Bundler: Next.js (Turbopack / Webpack)

Before submitting

• I've made research efforts and searched the documentation
• I've searched for existing issues

[yeasin2002]

Hey @minh261002
this issue already exists at #9136 , #9118

react-resizable-panels has been updated to v4, and it has some major changes; developers are working on it to address these issues.

For now,
Install react-resizable-panels@v2.1.7 version to work with .

or
you can check this if you want to use it with v4: https://github.com/yeasin2002/shadcnui-resizable-issues-fix/blob/main/components/ui/resizable.tsx