Skip to content

Commit add506b

Browse files
committed
fix(storybook): wrap stories in tooltip provider
Chromatic stories using shadcn tooltips failed with a component error because Tooltip was rendered outside TooltipProvider. Add the provider to the global Storybook decorator so all stories have the required Radix tooltip context.
1 parent 97783ef commit add506b

1 file changed

Lines changed: 4 additions & 1 deletion

File tree

.storybook/preview.tsx

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11
import type { Preview } from "@storybook/react";
2+
import { TooltipProvider } from "@flanksource-ui/components/ui/tooltip";
23
import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
34
import { initialize, mswLoader } from "msw-storybook-addon";
45
import { RouterContext } from "next/dist/shared/lib/router-context.shared-runtime";
@@ -36,7 +37,9 @@ const preview: Preview = {
3637
return (
3738
<MemoryRouter initialEntries={["/incidents"]}>
3839
<QueryClientProvider client={queryClient}>
39-
<Story />
40+
<TooltipProvider>
41+
<Story />
42+
</TooltipProvider>
4043
</QueryClientProvider>
4144
</MemoryRouter>
4245
);

0 commit comments

Comments
 (0)