I am trying to import d3.js as follows

import * as d3 from "d3";

I have also tried the following way

const d3 = require('d3');

And I am getting the following error once the js script runs

I am using parcel to build my project, and everything has worked fine until now. From some initial digging, this seems to be related to babel from looking at related posts.

Uncaught ReferenceError: regeneratorRuntime is not defined in react 17, webpack 5 while making api calls through actions

However, adding the suggested fixes to my package.json file under the babel options has not yielded any fixes so far...

Any thoughts?