fix: simplify element before stringifying to avoid crash on docs page

[donotlb]

Issue: #17482

What I did

Recursively remove the "_owner" property from elements to avoid crash on docs page when passing components as array prop

How to test

replace the following code

storybook/code/examples/cra-ts-kitchen-sink/src/stories/1-Button.stories.tsx

Line 9 in 8def4a4

export const Text = () => <Button>Hello Button</Button>;

with export const Text = (args) => <Button arrayProp={[<div />]}>Hello Button</Button>;

1. start examples/cra-ts-kitchen-sink
2. open the "?path=/docs/1-button--docs" story

Related issues

• 14.3.3 causes crashes in Storybook algolia/react-element-to-jsx-string#681
• [Question] about "._owner.alternate" facebook/react#15397

[ndelangen]

We should probably add some test for this somewhere. @shilman WDYT?

[posabsolute]

Any News on this fix @ndelangen? I am also experiencing this issue, looking at your backlog, I believe many people are experiencing it too:

• Component in object prop freezes the story #17720
• Docs addon freezes with certain nested JSX expressions in dev server #16730