Summary

I'm in the process of replacing all @storybook/react imports with @storybook/nextjs-vite following this guide here: https://storybook.js.org/docs/get-started/frameworks/nextjs#with-vite

My current unit tests are ran with Vitest, and use composeStories() from @storybook/react and run without issue. By following the guide to use a framework-specific library and therefore swapping the import to @storybook/nextjs-vite, I get a strange error:

Cannot find module 'sb-original/image-context'
Require stack:

• /[redacted]/node_modules/@storybook/nextjs-vite/dist/index.js

I have no idea where the sb-original/image-context is supposed to come from.

Additional information

The main.ts file looks like this:

{
  stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
  addons: [
    '@storybook/addon-a11y',
    '@storybook/addon-docs',
    'storybook-addon-pseudo-states',
  ],
  framework: {
    name: '@storybook/nextjs-vite',
    options: {
      nextConfigPath: '/path/to/next.config.js'
    },
  },
  features: {
    experimentalRSC: true,
  },
  typescript: {
    reactDocgen: 'react-docgen-typescript',
  },
}

Storybook version nis 9.0.9 (latest at the time of writing).

The unit test file is also rather straightforward:

import { composeStories } from '@storybook/nextjs-vite';
import { render, screen } from '@testing-library/react';
import * as stories from './my-component.stories';

const { Base } = composeStories(stories);

describe('MyComponent', () => {
  it('should render text', async () => {
    render(<Base />);

    expect(screen.getByText('Lorem ipsum')).toBeTruthy();
  });
});

Create a reproduction

No response