How to use the @storybook/react.load function in @storybook/react

addParameters({
  options: {
    docs: {
      inlineStories: true,
      getPropDefs,
    },
    theme: themes.dark,
  },
  docs: DocsPage,
  notes: 'global notes',
});

// addDecorator(storyFn =&gt; <div style="{{">{storyFn()}</div>);

load(require.context('../src', true, /\.stories\.js$/), module);
load(require.context('../src', true, /\.stories\.mdx$/), module);

import { load, addParameters } from '@storybook/react';
import { create } from '@storybook/theming/create';

addParameters({
  options: {
    theme: create({ colorPrimary: 'hotpink', colorSecondary: 'orangered' }),
  },
});

load(require.context('../src/stories', true, /\.stories\.js$/), module);

docs: DocsPage,
  info: {},
  options: {
    theme: themes.dark,
    panelPosition: 'right',
    sidebarAnimations: false,
  }
});

addDecorator(withKnobs);

configure(() => {
  req.keys().forEach(filename => req(filename));
}, module);

load(require.context('../src', true, /\.stories\.mdx$/), module);