react_ui: Storybook 内でリンクを2回クリックする必要があるのを修正 useEffect がうまく動いていないのか、クリックリスナが連続して発火 している模様。

Changes

3 changed files (+5/-2)

• packages/react_ui/.storybook/preview.tsx
  • @@ -7,7 +7,6 @@ import { ThemeProvider } from "../src/lib.ts";
    import css from "./preview.module.css"; import { withIDBBackend } from "./decorators/withIDBBackend.tsx"; - import { withInmemoryRouter } from "./decorators/withInmemoryRouter.tsx"; export default { decorators: [
  • @@ -16,7 +15,6 @@ <ThemeProvider className={css.theme}>
    <Story /> </ThemeProvider> ), - withInmemoryRouter(), withIDBBackend(), ], } satisfies Preview;
• packages/react_ui/src/pages/root/WorkspaceList.stories.tsx
  • @@ -5,10 +5,13 @@ import { create } from "@bufbuild/protobuf";
    import type { Meta, StoryObj } from "@storybook/react"; import { WorkspaceSchema } from "@yamori/proto/yamori/workspace/v1/workspace_pb.js"; + import { withInmemoryRouter } from "../../../.storybook/decorators/withInmemoryRouter.tsx"; + import { WorkspaceList } from "./WorkspaceList.tsx"; export default { component: WorkspaceList, + decorators: [withInmemoryRouter({ initialURL: "/" })], args: { workspaces: [ create(WorkspaceSchema, {
• packages/react_ui/src/pages/root/page.stories.tsx
  • @@ -4,6 +4,7 @@
    import type { Meta, StoryObj } from "@storybook/react"; import { withMockedBackend } from "../../../.storybook/decorators/withMockedBackend.tsx"; + import { withInmemoryRouter } from "../../../.storybook/decorators/withInmemoryRouter.tsx"; import { Create, List } from "../../mocks/yamori/workspace/v1/workspace_service.ts"; import { Page } from "./page.tsx";
  • @@ -13,6 +14,7 @@ component: Page,
    parameters: { layout: "fullscreen", }, + decorators: [withInmemoryRouter({ initialURL: "/" })], } satisfies Meta<typeof Page>; type Story = StoryObj<typeof Page>;