. SimpleBarChart.tsx

// SimpleBarChart.tsx
export const SimpleBarChart: React.FC<IProps> = (props) => {
  const chartData = useMemo(() => generateSimpleBarChart(), []);

  return (
    <AnyChartReact
      charts={chartData.charts}
      credits={false}
      instance={chartData.stage}
      legend={true}
      title={props.title}
      height={props.height}
      width={props.width}
      id={props.chartId}
    />
  );
};

SimpleBarChart.dynamic.tsx

// SimpleBarChart.dynamic.tsx
import dynamic from 'next/dynamic';
import { SimpleBarChart } from './SimpleBarChart';

export const SimpleBarChartDynamic = dynamic(
  () => import('./SimpleBarChart' /* webpackChunkName: "SimpleBarChart" */).then((mod) => mod.SimpleBarChart as any),
  { ssr: false }
) as typeof SimpleBarChart;