Embed Browser Only for docusuarus

EmbedBrowserOnly.tsx

import React from 'react';

import BrowserOnly from '@docusaurus/BrowserOnly';
import { useColorMode } from '@docusaurus/theme-common';
const Embed = (props) => {
  const { isDarkTheme } = useColorMode();

  return (
    <BrowserOnly>
      {() => {
        const EmbedComponent = require('react-embed').default;
        
        return <EmbedComponent isDark={isDarkTheme} {...props} />;
      }}
    </BrowserOnly>
  );
};

export default Embed;