Next.js & TypeScript環境にStorybookを追加

のinstall方法はCRA前提なので、Next.jsの場合はうまく行かない

Next.js + TypeScriptのプロジェクトにStorybookを導入する - Qiita

addonは必要になるまで入れない

module.exports = {
  stories: ['../src/**/*.stories.tsx'],
  addons: [],
};

  "scripts": {
    "storybook": "start-storybook -p 6006",
    "build:storybook": "build-storybook -o build/storybook"
  },

export const Hoge = () => {
  return <div>aaa</div>;
};

import React from 'react';
import { Hoge } from '.';

export default {
  title: 'Hoge'
};

export const showHoge = () => <Hoge />;

useRouterを使っているとerrorになる