Next.js v15とTailwind CSS v4とStorybook

ローディングが終わらないエラー解決

postcss.config.mjs

const config = {
-  plugins: ["@tailwindcss/postcss"],
+  plugins: {
+    '@tailwindcss/postcss': {},
+  },
};

export default config;

Tailwind CSSを使用できるようにする

preview.ts

import type { Preview } from '@storybook/react';
+ import '@/app/globals.css';

const preview: Preview = {
  parameters: {
    controls: {
      matchers: {
        color: /(background|color)$/i,
        date: /Date$/i,
      },
    },
  },
};

export default preview;