reactjs - kutsu React Hooksia globaalissa dekorointifunktiossa Storybookille

Haluan kutsua mukautettua React-hookia kaikille tarinoille, mutta en ole varma, missä sen pitäisi määritellä. Mukautetut hookit, joita haluan kutsua, on oltava kontekstin tarjoajassa.

Onko olemassa tapoja määritellä kontekstin tarjoaja ja mukautetut hookit kaikille tarinoille?

import React from 'react';
import { useCustomHooks } from './custom';
import { ThemeProvider } from 'styled-components';

export const decorators = [
  (Story) => (
    useCustomHooks() // I wanna call custom hooks here but not working because not in provider
    <ThemeProvider theme="default">
      <Story />
    </ThemeProvider>
  ),
];

Vastaus #1

Kyllä, tiedostossa .storybook/preview.js:

import { addDecorator } from '@storybook/react';

addDecorator((Story) =>
  <MotionLazyContainer>
    <ThemeProvider>
      <Story />
    </ThemeProvider>
  </MotionLazyContainer>
);