[Bug]: Warning: Unknown: key is not a prop

[n19htz]

Describe the bug

Error happens on the tab of "Tests" added by @storybook/addon-jest

Screen.Recording.2023-08-21.at.13.15.04.mov

Related: #23782

To Reproduce

1. Create a new Storybook project
2. Install and setup @storybook/addon-jest
3. Create story with tests following @storybook/addon-jest readme
4. Run storybook and click on tab "Tests "

System

Environment Info:

  System:
    OS: macOS 13.5.1
    CPU: (10) arm64 Apple M1 Pro
  Binaries:
    Node: 20.5.1 - ~/Library/Caches/fnm_multishells/32486_1692610196765/bin/node
    npm: 9.8.0 - ~/Library/Caches/fnm_multishells/32486_1692610196765/bin/npm
  Browsers:
    Chrome: 115.0.5790.170
    Safari: 16.6
  npmPackages:
    @storybook/addon-backgrounds: 7.3.2 => 7.3.2 
    @storybook/addon-controls: 7.3.2 => 7.3.2 
    @storybook/addon-jest: 7.3.2 => 7.3.2 
    @storybook/addon-toolbars: 7.3.2 => 7.3.2 
    @storybook/addon-viewport: 7.3.2 => 7.3.2 
    @storybook/angular: 7.3.2 => 7.3.2 
    @storybook/core-common: 7.3.2 => 7.3.2 
    @storybook/core-server: 7.3.2 => 7.3.2 
    @storybook/jest: 0.2.1 => 0.2.1 
    @storybook/test-runner: 0.13.0 => 0.13.0 
    @storybook/testing-library: 0.2.0 => 0.2.0

Additional context

No response

[Romainpetit]

Related: #23782

Replacing storybook-addon-designs for @storybook/addon-designs solved the issue for me.

[n19htz]

Related: #23782

Replacing storybook-addon-designs for @storybook/addon-designs solved the issue for me.

In my case it has nothing to do with "addon-designs", since I don't use it

[Hamza-Rafique]

facing the same warnings.

[unional]

Hi, still seeing this on 7.4.5:

chunk-QMHPSTMR.js:3 Warning: render: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://fb.me/react-special-props)
    in render
    in div (created by Styled(div))
    in Styled(div)
    in div (created by Styled(div))
    in Styled(div)
    in Unknown
    in Unknown
    in Unknown
    in Unknown (created by ManagerConsumer)
    in ManagerConsumer (created by Panel2)
    in Panel2 (created by Layout)
    in div (created by Styled(div))
    in Styled(div) (created by Panel)
    in Panel (created by Layout)
    in div (created by ToggleVisibility)
    in ToggleVisibility (created by QueryLocation)
    in QueryLocation (created by QueryMatch)
    in QueryMatch (created by Route)
    in Route (created by Layout)
    in div (created by ToggleVisibility)
    in ToggleVisibility (created by QueryLocation)
    in QueryLocation (created by QueryMatch)
    in QueryMatch (created by Route)
    in Route (created by Layout)
    in div (created by Styled(div))
    in Styled(div) (created by Main)
    in div (created by Styled(div))
    in Styled(div) (created by Main)
    in Main (created by Layout)
    in Layout (created by WithTheme(Layout))
    in WithTheme(Layout)
    in Unknown (created by App)
    in div (created by Styled(div))
    in Styled(div) (created by App)
    in App
    in ThemeProvider
    in Unknown (created by ManagerConsumer)
    in ManagerConsumer (created by Manager)
    in EffectOnMount (created by Manager)
    in Manager (created by QueryLocation)
    in QueryLocation (created by Main2)
    in Main2 (created by Root4)
    in Router (created by LocationProvider)
    in LocationProvider (created by Root4)
    in HelmetProvider (created by Root4)
    in Root4

[ndelangen]

@unional can you share more information?

Could you upgrade to the latest version of storybook and try again?

Can you tell us which addon this warning is originating from?

[unional]

Thanks.

I looked into that and notice it is coming from storybook-addon-designs@^7.0.0-beta.2.

I think the addon is not being maintained?

I'm using it for storybook -> figma integration.

[ndelangen]

That should have been fixed in this PR:
storybookjs/addon-designs#207

https://github.com/storybookjs/addon-designs