Import PolarisViz client side in Next.js pages router so it works as expected with proper exports.

PolarisViz.js

 import dynamic from "next/dynamic";
 const dynamicPolarisVizImport = (componentName) => {
   return dynamic(
     () =>
       import(
         `@shopify/polaris-viz/build/esm/components/${componentName}/${componentName}.js`
       ).then((mod) => mod[componentName]),
     {
       loading: () => <></>,
       ssr: false,
     }
   );
 };
 const PolarisViz = {
   SparkLineChart: dynamicPolarisVizImport("SparkLineChart"),
   PolarisVizProvider: dynamicPolarisVizImport("PolarisVizProvider"),
 };
 export default PolarisViz;