Storybook emotion `css` prop 적용
Opened this issue · 0 comments
hyesungoh commented
// main.ts
import path from 'path';
import type { StorybookConfig } from '@storybook/nextjs';
const config: StorybookConfig = {
stories: ['../src/**/*.stories.@(js|jsx|ts|tsx)'],
addons: [
path.dirname(require.resolve(path.join('@storybook/addon-links', 'package.json'))),
path.dirname(require.resolve(path.join('@storybook/addon-essentials', 'package.json'))),
path.dirname(require.resolve(path.join('@storybook/addon-interactions', 'package.json'))),
],
framework: {
name: '@storybook/nextjs',
options: {
nextConfigPath: path.resolve(__dirname, '../next.config.js'),
},
},
docs: {
autodocs: 'tag',
},
// here
babel: async (options) => {
options.presets!.push('@emotion/babel-preset-css-prop');
return options;
},
};
export default config;