storybook/examples/external-docs/pages/_app.js

/* eslint-disable react/prop-types */
import React from 'react';
import 'nextra-theme-docs/style.css';
import { ExternalDocsContainer } from '@storybook/addon-docs';
import * as reactAnnotations from '@storybook/react/preview';
import * as previewAnnotations from '../.storybook/preview';

const projectAnnotations = {
  ...reactAnnotations,
  ...previewAnnotations,
};

export default function Nextra({ Component, pageProps }) {
  return (
    <ExternalDocsContainer projectAnnotations={projectAnnotations}>
      <Component {...pageProps} />
    </ExternalDocsContainer>
  );
}