SolidJS Error: Missing "./viewport" specifier in "storybook" package

[LiamKarlMitchell]

Summary

New to solid, just tried to install story book and get this error when running it up.

"solid-js": "^1.9.5"

npm run storybook                       

> [email protected] storybook
> storybook dev -p 6006

@storybook/core v8.6.12

info Found existing addon "@storybook/addon-viewport", skipping.
info Found existing addon "@storybook/addon-viewport", skipping.
info => Starting manager..
info => Starting preview..
=> Failed to build the preview
Error: Missing "./viewport" specifier in "storybook" package

Additional information

main.js

/** @type { import('storybook-solidjs-vite').StorybookConfig } */
const config = {
  "stories": [
    "../src/**/*.mdx",
    "../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"
  ],
  "addons": [
    "@storybook/addon-essentials",
    "@storybook/addon-interactions",
    "@storybook/addon-viewport",
  ],
  "framework": {
    "name": "storybook-solidjs-vite",
    "options": {}
  }
};
export default config;

preview.js

import { INITIAL_VIEWPORTS } from '@storybook/addon-viewport';

const preview = {
  parameters: {
    viewport: {
      viewports: INITIAL_VIEWPORTS,
      defaultViewport: 'responsive',
    },
    controls: {
      matchers: {
       color: /(background|color)$/i,
       date: /Date$/i,
      },
    },
  },
};

export default preview;

Create a reproduction

Created a new solid js project, tried to install storybook.

[technohippies]

I have the exact same viewport error

[LiamKarlMitchell]

storybookjs/solidjs#26