diff --git a/packages/next/src/client/script.tsx b/packages/next/src/client/script.tsx
index 6c3537df10999..a722246ee6c10 100644
--- a/packages/next/src/client/script.tsx
+++ b/packages/next/src/client/script.tsx
@@ -332,8 +332,13 @@ function Script(props: ScriptProps): JSX.Element | null {
         ReactDOM.preload(
           src,
           restProps.integrity
-            ? { as: 'script', integrity: restProps.integrity, nonce }
-            : { as: 'script', nonce }
+            ? {
+                as: 'script',
+                integrity: restProps.integrity,
+                nonce,
+                crossOrigin: restProps.crossOrigin,
+              }
+            : { as: 'script', nonce, crossOrigin: restProps.crossOrigin }
         )
         return (
           <script
@@ -353,8 +358,13 @@ function Script(props: ScriptProps): JSX.Element | null {
         ReactDOM.preload(
           src,
           restProps.integrity
-            ? { as: 'script', integrity: restProps.integrity, nonce }
-            : { as: 'script', nonce }
+            ? {
+                as: 'script',
+                integrity: restProps.integrity,
+                nonce,
+                crossOrigin: restProps.crossOrigin,
+              }
+            : { as: 'script', nonce, crossOrigin: restProps.crossOrigin }
         )
       }
     }
diff --git a/test/e2e/app-dir/next-script/app/layout.tsx b/test/e2e/app-dir/next-script/app/layout.tsx
new file mode 100644
index 0000000000000..888614deda3ba
--- /dev/null
+++ b/test/e2e/app-dir/next-script/app/layout.tsx
@@ -0,0 +1,8 @@
+import { ReactNode } from 'react'
+export default function Root({ children }: { children: ReactNode }) {
+  return (
+    <html>
+      <body>{children}</body>
+    </html>
+  )
+}
diff --git a/test/e2e/app-dir/next-script/app/page.tsx b/test/e2e/app-dir/next-script/app/page.tsx
new file mode 100644
index 0000000000000..8fb63d365889f
--- /dev/null
+++ b/test/e2e/app-dir/next-script/app/page.tsx
@@ -0,0 +1,10 @@
+import Script from 'next/script'
+
+export default function Page() {
+  return (
+    <Script
+      src="https://code.jquery.com/jquery-3.7.1.min.js"
+      crossOrigin="use-credentials"
+    />
+  )
+}
diff --git a/test/e2e/app-dir/next-script/next-script.test.ts b/test/e2e/app-dir/next-script/next-script.test.ts
new file mode 100644
index 0000000000000..12ead014c6d63
--- /dev/null
+++ b/test/e2e/app-dir/next-script/next-script.test.ts
@@ -0,0 +1,17 @@
+import { nextTestSetup } from 'e2e-utils'
+
+describe('Script component with crossOrigin props', () => {
+  const { next } = nextTestSetup({
+    files: __dirname,
+  })
+
+  it('should be set crossOrigin also in preload link tag', async () => {
+    const browser = await next.browser('/')
+
+    const crossorigin = await browser
+      .elementByCss('link[href="https://code.jquery.com/jquery-3.7.1.min.js"]')
+      .getAttribute('crossorigin')
+
+    expect(crossorigin).toBe('use-credentials')
+  })
+})
diff --git a/test/e2e/app-dir/next-script/next.config.js b/test/e2e/app-dir/next-script/next.config.js
new file mode 100644
index 0000000000000..807126e4cf0bf
--- /dev/null
+++ b/test/e2e/app-dir/next-script/next.config.js
@@ -0,0 +1,6 @@
+/**
+ * @type {import('next').NextConfig}
+ */
+const nextConfig = {}
+
+module.exports = nextConfig
