11장 오류

[dev-yakuza]

409 페이지

import { ComponentStory, ComponentMeta } from '@storybook/react';
- import { BrowserRouter } from 'react-router-dom';
...
const Template: ComponentStory<typeof AppTitle> = () => (
-  <BrowserRouter>
 <AppTitle />
-  </BrowserRouter>
);
export const Default = Template.bind({});

419 페이지

- export const ToDoItem = () => {
-  return <div>ToDoItem</div>;
- }
+ export const InputToDo = () => {
+  return <div>InputToDo</div>;
+ };

445 페이지

• V7 코드

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

import { ToDoListPage } from '.';
import { ToDoListContextProvider } from 'contexts/ToDoList';

const meta = {
  title: 'Pages/ToDoListPage',
  component: ToDoListPage,
  tags: ['autodocs'],
  decorators: [
    (Story) => (
      <ToDoListContextProvider>
        <Story />
      </ToDoListContextProvider>
    ),
  ],
} satisfies Meta<typeof ToDoListPage>;

export default meta;
type Story = StoryObj<typeof meta>;

export const Default: Story = {};

447 페이지

- 그리고 다시 ./src/pages/ToDoListPage/index.stories.tsx 파일을 열고 다음과 같이 수정하여 기존에 설정한 Provider를 제거하도록 한다.
+ .storybook/preview.js 파일 내용을 수정하였다면, 해당 파일명을 preview.jsx로 변경합니다.
+ 그리고 다시 ./src/pages/ToDoListPage/index.stories.tsx 파일을 열고 다음과 같이 수정하여 기존에 설정한 Provider를 제거하도록 한다.