Unable to customize SplitterPanel component

[gocreating]

Describe the bug

If I use SplitterPanel directly, it works fine:
https://stackblitz.com/edit/vitejs-vite-ybstrehp?file=src%2FApp.tsx

However, if I try to customize SplitterPanel, it breaks:
https://stackblitz.com/edit/vitejs-vite-bspdvwof?file=src%2FApp.tsx

Specifically, the style overflow: 'auto' can't be passed into the SplitterPanel component correctly.
How can I workaround on this?

Reproducer

https://stackblitz.com/edit/vitejs-vite-bspdvwof?file=src%2FApp.tsx

System Information

System:
    OS: macOS 15.2
    CPU: (8) arm64 Apple M2
    Memory: 110.61 MB / 8.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 20.12.2 - ~/.nvm/versions/node/v20.12.2/bin/node
    npm: 10.5.0 - ~/.nvm/versions/node/v20.12.2/bin/npm
    pnpm: 9.15.4 - ~/.nvm/versions/node/v20.12.2/bin/pnpm
  Browsers:
    Chrome: 132.0.6834.110
    Safari: 18.2
  npmPackages:
    primereact: ^10.9.1 => 10.9.1 
    react: 19.0.0 => 19.0.0 
    tailwindcss: ^3.4.17 => 3.4.17

Steps to reproduce the behavior

No response

Expected behavior

No response

[gcko]

Can you explain what you are trying to accomplish? Looking at your code, I have some suggestions for adjustments that split the styling from the functional part of SplitterPanel, please check it here: https://stackblitz.com/edit/vitejs-vite-frudu2gq?file=src%2FApp.tsx

[melloware]

Workaround provided by @gcko will close unless i hear back from OP