An error occurred when use useGroupRef

[ivyjiayugan-spec]

I wanna resize each panel in V4, so I try to use the hook: useGroupRef. But it throw an error: Could not find Group with id ":r29:"

Here's my usage:

import {
  Group,
  Panel,
  Separator,
  useGroupRef
} from 'react-resizable-panels';

 const groupRef = useGroupRef();

useEffect(() => {
    if (!isSplit) {      
      groupRef?.current?.setLayout({
        mainContent: 100,
        splitContent: 0,
      });
    }    
  }, [isSplit]); //  this 'isSplit' param is from props

<Group
   orientation="horizontal"
    groupRef={groupRef}
>
    <Panel id="mainContent">main</Panel>
    <Separator />
    <Panel id="splitContent">split</Panel>
</Group>

If there is any mistake in my usage or any problem, please let me know. Thank u ~

version: 4.0.16
react version: 18.3.1

[bvaughn]

Difficult to say without a complete repro. Can you share something in Code Sandbox (or even a GitHub repo I can check out and run)?

[bvaughn]

Actually I was able to create a repro myself: https://codesandbox.io/p/sandbox/267nls

[bvaughn]

Fixed by #568; released as react-resizable-panels@4.1.0

---

❤️ → ☕ givebrian.coffee

[ivyjiayugan-spec]

Thank u for the reply. It works perfectly with v4.1.0 !