Next.js: SyntaxError: Unexpected token 'export' about flowmap.gl HOT 6 CLOSED

const withTM = require('next-transpile-modules')([
  '@flowmap.gl/layers',
  '@flowmap.gl/data',
]);


module.exports = withTM({
  // ... rest of the config
});

const withTM = require('next-transpile-modules')([
  '@flowmap.gl/layers',
  '@flowmap.gl/data'
]);


const nextConfig = {
  nx: {
    // Set this to true if you would like to to use SVGR
    // See: https://github.com/gregberge/svgr
    svgr: false
  },
  typescript: {
    ignoreBuildErrors: true,
    exportTrailingSlash: true,
    generateEtags: false
  }
};

module.exports = withTM({
  ...nextConfig,
  reactStrictMode: true,
});

export default nextConfig;

...
"next": "12.0.3",
"@flowmap.gl/data": "^8.0.0-alpha.25",
 "@flowmap.gl/layers": "^8.0.0-alpha.25",
"deck.gl": "^8.6.3",
"d3": "^7.1.1",
...

// imports

type LocationDatum = {
  id: string;
  name: string;
  lon: number;
  lat: number;
};

type TooltipState = {
  position: { left: number; top: number };
  content: ReactNode;
};

type FlowDatum = {
  origin: string;
  dest: string;
  value: number;
};

const ODMatrix = ({
  api,
  title,
  data: unused = '',
  width = 600,
  height = 500
}) => {
  const ICON_MAPPING = {
    marker: { x: 0, y: 0, width: 128, height: 128, mask: true }
  };
  const [data, setData] = useState<FlowmapData<LocationDatum, FlowDatum>>();
  const [viewStateModel, setViewStateModel] = useState({
    latitude: 0,
    longitude: 0,
    zoom: 0,
    bearing: 0,
    pitch: 0,
    width,
    height
  });

const { isSuccess, data: projectData }: any = useQuery(...)

useEffect(() => {
    if (isSuccess) {
      console.log('projectData', projectData, 'data', unused);
      const locations = projectData?.map((feature) => {
          return {
            id: feature.id,
            name: feature.name,
            lon: feature.lon,
            lat: feature.lat
          };
        });

        console.log('OOH locations', locations);

        const viewState = getViewStateForLocations(
            locations,
            (loc) => [loc.lon, loc.lat],
            [width, height],
          );

          setViewStateModel({
            ...viewState,
            latitude: viewState.latitude - 0.02,
            zoom: viewState.zoom + 1,
          });
    }
  }, [projectData]);

const layers = [
    new FlowmapLayer<LocationDatum, FlowDatum>({
      id: 'my-flowmap-layer',
      od_data,
      pickable: true
    })
]
return (
    <div>
      {isSuccess ? (
        <DeckGL
          width={width}
          height={height}
          onViewStateChange={({ viewState }) => setViewStateModel(viewState)}
          controller={false}
          layers={layers}
        >
          <StaticMap
            mapStyle={BASEMAP.POSITRON}
            mapboxApiAccessToken={process.env.NEXT_PUBLIC_MAP}
          />
        </DeckGL>
      ) : (
        <div>Loading...</div>
      )}
    </div>
  );
};