React p5 wrapper on Nextjs

ReactP5Wrapper.tsx

import dynamic from 'next/dynamic';
import { P5WrapperProps } from 'react-p5-wrapper';
import { NamedExoticComponent } from 'react';

const importReactP5Wrapper = async () => {
  const module = await import('react-p5-wrapper');
  return module.ReactP5Wrapper as NamedExoticComponent<P5WrapperProps>;
};

export const ReactP5Wrapper = dynamic(importReactP5Wrapper, {
  ssr: false,
});