IKImage raises ReferenceError: regeneratorRuntime is not defined in Next JS with typescript project

[lorenzocestaro]

Hello, I am trying to use IKImage in a Next JS project (with typescript). The compilation fails with a ReferenceError: regeneratorRuntime is not defined.

I am not sure what is causing it, but it seems all the bundles in dist are using regeneratorRuntime.

I found this similar issue that I think it could be a starting point to fix this, but I am not 100% sure

[karthik-js]

Same issue with React (Vite) project

[rcastellanos1937]

Same issue ReferenceError: regeneratorRuntime is not defined has anyone figure it out yet?

[ankur-dwivedi]

Hi @lorenzocestaro i have tested with imagekitio-react@4.0.0, next@14.1.0 with typescript, react@18 using below snippet

<IKImage
    path="default-image.jpg"
    urlEndpoint={urlEndpoint}
    transformation={[
       {
           height: "300",
           width: "200",
           cropMode: "extract",
           raw: "l-text,i-Imagekit,fs-20,l-end",
        },
    ]}
/>

It's working well on my end. Can you provide more details about your configurations and code so I can reproduce the issue?

[rcastellanos1937]

Hello after talking to support, was not a problem of the package, all that needs to be added is this runtime, create a runtime.js and add it to your project.

runtime.txt

[lorenzocestaro]

I solved this by adding import "regenerator-runtime/runtime"; in my project's _app.tsx file.