reactjs - panggil React Hooks dalam dekorator global untuk Storybook

Saya ingin memanggil hook reaktif tersuai untuk semua cerita, bagaimanapun, saya tidak pasti di mana untuk mengisytiharkannya. Hook tersuai yang ingin saya panggil mesti berada dalam penyedia konteks.

Adakah terdapat sebarang cara untuk mengisytiharkan penyedia konteks dan cangkuk tersuai untuk semua kisah?

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>
  ),
];

Jawapan #1

Ya, dalam .storybook/preview.js:

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

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