Typescript exports for NextJS

[chris-erickson]

Summary

Following the documented directions with:

import type { Meta, StoryObj } from '@storybook/nextjs';

Results in

error TS2305: Module '"@storybook/nextjs/*"' has no exported member 'Meta'.
error TS2305: Module '"@storybook/nextjs/*"' has no exported member 'StoryObj'.

Does this make sense? This should work as-is, no?

Storybook seems to otherwise work as expected with Typescript (ie. I can run storybook just fine)

Additional information

main.ts

import type { StorybookConfig } from '@storybook/nextjs';

import { join, dirname } from 'path';

/**
 * This function is used to resolve the absolute path of a package.
 * It is needed in projects that use Yarn PnP, pnpm or are set up within a monorepo.
 */
function getAbsolutePath(value) {
  return dirname(require.resolve(join(value, 'package.json')));
}

const config: StorybookConfig = {
  // Rename this to `stories` later, and rename all the files once 100% converted.
  stories: ['../src/**/*.story.@(js|jsx|mjs|ts|tsx)'],
  addons: [
    getAbsolutePath('@storybook/addon-links'),
    getAbsolutePath('@storybook/addon-essentials'),
    getAbsolutePath('@storybook/addon-interactions'),
    getAbsolutePath('@chromatic-com/storybook'),
    getAbsolutePath('@storybook/addon-themes'),
  ],
  framework: {
    name: getAbsolutePath('@storybook/nextjs'),
    options: {
      builder: {},
    },
  },
  staticDirs: ['../public'],
  docs: {
    autodocs: 'tag',
  },
};
export default config;

Create a reproduction

No response