I have Dynamic imported Spline like this in the Nextjs project

const DynamicSpline = dynamic(() => import('@splinetool/react-spline'), {
  ssr: false,
  loading: () => (
    <div className="w-full h-full flex items-center justify-center bg-black opacity-50">
    </div>
  ),
});

and calling it like this

<DynamicSpline
  scene={splineFilePath}
  onLoad={() => {
  setIsSplineLoaded(true);
  }}
/>

While running the code I get this issue

./src/components/Home/HeroSection.tsx Module not found: Package path . is not exported from package C:\Users\karan\OneDrive\Desktop\solvejet\node_modules@splinetool\react-spline (see exports field in C:\Users\karan\OneDrive\Desktop\solvejet\node_modules@splinetool\react-spline\package.json)

Not sure what's the issue