I’m encountering a recurring issue where the Storybook preview page becomes completely unresponsive and eventually throws a SIGILL error in the browser whenever I use certain Chakra UI components. It first happened with the Tabs component, and I worked around it by rewriting all my stories in CSF-2 (using storyFn instead of storyObj). Now I’m implementing a custom ActionBar and I’m seeing the same error again, converting to CSF-2 doesn’t help this time and I still don’t know the root cause.

Environment & Tests Performed

• Storybook: v8.x.x and v9.x.x
• Node.js: 21.7.3, 20.x, and 18.x
• Bundler: Webpack (default) and Vite (@storybook/react-vite)
• Browsers: Chrome, Firefox, Edge (latest versions)
• Operating Systems: Linux and Windows in two different computers
• React: versions 17.x, 18.x and 19.x
• Chakra UI: latest stable releases

It seems unlikely to be a Node, browser or React bug. The code is pretty simple, however I created this discussion to rule out Chakra UI as the cause (or any internal issue) and determine whether it’s something on my end or elsewhere. I've added some files from my code, in case anyone wants to replicate it or even point out any issue. Nevertheless, this issue may not come from Chakra.

.storybook.zip
ActionBar.zip