From 5a0769c917f654a60ed9d11a4b73ccc1b145879c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Carl-Gerhard=20Lindesva=CC=88rd?= <lindesvard@gmail.com>
Date: Tue, 17 Feb 2026 13:48:03 +0100
Subject: [PATCH] fix(sdk): use after interactive for nextjs #290

---
 packages/sdks/nextjs/index.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/sdks/nextjs/index.tsx b/packages/sdks/nextjs/index.tsx
index 56e22cce..baf46ef7 100644
--- a/packages/sdks/nextjs/index.tsx
+++ b/packages/sdks/nextjs/index.tsx
@@ -22,6 +22,7 @@ type OpenPanelComponentProps = Omit<OpenPanelOptions, 'filter'> & {
   cdnUrl?: string;
   filter?: string;
   globalProperties?: Record<string, unknown>;
+  strategy?: 'beforeInteractive' | 'afterInteractive' | 'lazyOnload' | 'worker';
 };
 
 const stringify = (obj: unknown) => {
@@ -42,6 +43,7 @@ export function OpenPanelComponent({
   profileId,
   cdnUrl,
   globalProperties,
+  strategy = 'afterInteractive',
   ...options
 }: OpenPanelComponentProps) {
   const methods: { name: OpenPanelMethodNames; value: unknown }[] = [
@@ -80,7 +82,8 @@ export function OpenPanelComponent({
     <>
       <Script src={appendVersion(cdnUrl || CDN_URL)} async defer />
       <Script
-        strategy="beforeInteractive"
+        id="openpanel-init"
+        strategy={strategy}
         dangerouslySetInnerHTML={{
           __html: `${getInitSnippet()}
           ${methods