都道府県のやつのメモ

❯ node --version
v18.2.0

    "storybook": "NODE_OPTIONS=--openssl-legacy-provider start-storybook -p 6006",
    "build-storybook": "NODE_OPTIONS=--openssl-legacy-provider build-storybook"

import React from 'react';

export const decorators = [
  (Story) => (
    <div style={{ margin: '3em' }}>
      <Story />
    </div>
  ),
];

Failed to fetch dynamically imported module: http://localhost:6006/.storybook/preview.js
TypeError: Failed to fetch dynamically imported module: http://localhost:6006/.storybook/preview.js

12:21:30 AM [vite] Internal server error: Failed to parse source for import analysis because the content contains invalid JS syntax. If you are using JSX, make sure to name the file with the .jsx or .tsx extension.

import React from 'react';

import { theme } from '../src/themes/theme';
import { ThemeProvider } from '@emotion/react';

export const decorators = [
  (Story) => (
    <ThemeProvider theme={theme}>
      <Story />
    </ThemeProvider>
  ),
];

const path = require('path');

module.exports = {
  ...
  viteFinal: async (config) => {
    config.resolve.alias = {
      ...(config.resolve.alias || {}),
      src: path.resolve(__dirname, '../src'),
    };
    return config;
  },
};