[Bug]: next/link className props is not available in storybook

[yagiz-noonlight]

Describe the bug

Using next/link component with className results in empty className in storybook, but works correctly in Next.js 13

To Reproduce

- Create a next.js project with storybook.
- Add a component that uses next/link
- Add className property to next/link component.
- Visit storybook (the component does not have any class)

System

Environment Info:

  System:
    OS: macOS 12.6.1
    CPU: (10) arm64 Apple M1 Max
  Binaries:
    Node: 19.0.1 - /opt/homebrew/bin/node
    npm: 8.19.2 - /opt/homebrew/bin/npm
  Browsers:
    Chrome: 107.0.5304.110
    Safari: 16.1
  npmPackages:
    @storybook/addon-actions: ^6.5.13 => 6.5.13
    @storybook/addon-essentials: ^6.5.13 => 6.5.13
    @storybook/addon-interactions: ^6.5.13 => 6.5.13
    @storybook/addon-links: ^6.5.13 => 6.5.13
    @storybook/addon-postcss: ^2.0.0 => 2.0.0
    @storybook/builder-webpack5: ^6.5.13 => 6.5.13
    @storybook/manager-webpack5: ^6.5.13 => 6.5.13
    @storybook/react: ^6.5.13 => 6.5.13
    @storybook/testing-library: ^0.0.13 => 0.0.13

Additional context

No response

[doougui]

The same thing happened to me. Even inline styles are not being applied for some reason.

[doougui]

Seems like this is related to this issue: #19813.

[valentinpalkovic]

https://github.com/storybookjs/storybook/releases/tag/v7.0.0-alpha.52 was released, which contains the PR #19834 that fixes this issue. Upgrade today to the @next NPM tag to try it out!

npx sb upgrade --prerelease

Closing this issue. Please re-open if you think there's still more to do.