Getting error in window.createLemonSqueezy();

[sulaimanwebdev]

I downloaded the Lemon Squeezy Next JS billing repo. Everything work perfectly, but I get this error when I run the app it says TypeError: window.createLemonSqueezy is not a function

The error is in /components/plan.jsx

How can I fix this error?

[code-vagabond]

I encountered the same error, my fix is using the Script component included by nextjs instead which has a callback prop for when the script is loaded:

<Script src="https://app.lemonsqueezy.com/js/lemon.js" strategy="afterInteractive" onLoad={() => { window.createLemonSqueezy(); }} />

[yahorbarkouski]

Add something like this to your client component:

<Script src="https://assets.lemonsqueezy.com/lemon.js" defer onReady={handleScriptReady} />

and then handle it:

const handleScriptReady = (): void => {
  console.log("LemonSqueezy loading");
  window.createLemonSqueezy();
  console.log("LemonSqueezy loaded");
};