preview.js

// .storybook/preview.js
import { DocsContainer } from "@storybook/addon-docs";
import { ChakraProvider } from "@chakra-ui/react";

export const parameters = {
  docs: {
    container: ({ children, context }) => (
      <DocsContainer context={context}>
        <ChakraProvider>{children}</ChakraProvider>
      </DocsContainer>
    ),
  },
}