diff --git a/nextjs-app-v14/package.json b/nextjs-app-v14/package.json
index 5be86619..f18fde17 100644
--- a/nextjs-app-v14/package.json
+++ b/nextjs-app-v14/package.json
@@ -17,8 +17,8 @@
     "@justeattakeaway/pie-css": "0.13.1",
     "@justeattakeaway/pie-icons-webc": "1.2.0",
     "@justeattakeaway/pie-webc": "0.6.3",
-    "@lit-labs/nextjs": "0.2.0",
-    "@lit/react": "1.0.6",
+    "@lit-labs/nextjs": "0.2.1",
+    "@lit/react": "1.0.7",
     "next": "14.2.18",
     "react": "18.3.1",
     "react-dom": "18.3.1",
diff --git a/nextjs-app-v14/src/app/components/home-page.tsx b/nextjs-app-v14/src/app/components/home-page.tsx
index 926db888..c2c75fde 100644
--- a/nextjs-app-v14/src/app/components/home-page.tsx
+++ b/nextjs-app-v14/src/app/components/home-page.tsx
@@ -13,6 +13,7 @@ export default function HomePage() {
     <h2>Demo Integrations</h2>
     <ul>
       <li><PieLink onClick={() => router.push('/integrations/form')} tag="button">Form Demo</PieLink></li>
+      <li><PieLink onClick={() => router.push('/integrations/uncontrolled-form')} tag="button">Uncontrolled Form Demo</PieLink></li>
     </ul>
     <h2>Component Pages</h2>
     <ul>
diff --git a/nextjs-app-v14/src/app/integrations/uncontrolled-form/page.tsx b/nextjs-app-v14/src/app/integrations/uncontrolled-form/page.tsx
new file mode 100644
index 00000000..e72a7621
--- /dev/null
+++ b/nextjs-app-v14/src/app/integrations/uncontrolled-form/page.tsx
@@ -0,0 +1,10 @@
+import UncontrolledForm from './uncontrolled-form';
+import { type Metadata } from 'next';
+
+export const metadata: Metadata = {
+    title: 'Uncontrolled Form',
+}
+
+export default function UncontrolledFormPage() {
+    return <UncontrolledForm/>;
+}
diff --git a/nextjs-app-v14/src/app/integrations/uncontrolled-form/uncontrolled-form.tsx b/nextjs-app-v14/src/app/integrations/uncontrolled-form/uncontrolled-form.tsx
new file mode 100644
index 00000000..e064f96b
--- /dev/null
+++ b/nextjs-app-v14/src/app/integrations/uncontrolled-form/uncontrolled-form.tsx
@@ -0,0 +1,57 @@
+// @ts-nocheck
+'use client';
+
+import React from 'react';
+import NavigationLayout from '@/app/layout/navigation';
+import { PieButton } from '@justeattakeaway/pie-webc/react/button.js';
+import { PieTextInput } from '@justeattakeaway/pie-text-input/dist/index.js';
+import { createComponent } from '@lit/react';
+
+
+import '@/styles/form.scss';
+
+const ReactPieTextInput = createComponent({
+    tagName: 'pie-text-input',
+    elementClass: PieTextInput,
+    react: React,
+    events: {
+      onchange: 'change',
+    },
+  });
+
+export default function UnControlledForm() {
+
+    const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {
+        e.preventDefault();
+        const formData = new FormData(e.currentTarget);
+        console.log(formData.get('first-name'))
+        console.log(formData.get('last-name'))
+    };
+
+    return (
+        <NavigationLayout title="Uncontrolled Form Test Page">
+            <form className="form" id="testForm" onSubmit={handleSubmit}>
+
+                {/* importing the element directly  */}
+                <pie-text-input
+                    placeholder="First name"
+                    name="first-name">
+                </pie-text-input>
+
+                <hr />
+
+                {/* importing the React element */}
+                <ReactPieTextInput
+                    placeholder='Last Name'
+                    name="last-name">
+                </ReactPieTextInput>
+                
+
+                <div className='form-btns'>
+                    <PieButton className="form-btn" data-test-id="reset-btn" variant="secondary" type="reset">Reset</PieButton>
+                    <PieButton className="form-btn" data-test-id="submit-btn" type="submit">Submit</PieButton>
+                </div>
+            </form>
+        </NavigationLayout>
+    );
+}
\ No newline at end of file
diff --git a/yarn.lock b/yarn.lock
index c9506213..322f0b09 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1440,16 +1440,16 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@lit-labs/nextjs@npm:0.2.0":
-  version: 0.2.0
-  resolution: "@lit-labs/nextjs@npm:0.2.0"
+"@lit-labs/nextjs@npm:0.2.1":
+  version: 0.2.1
+  resolution: "@lit-labs/nextjs@npm:0.2.1"
   dependencies:
     "@lit-labs/ssr-react": ^0.3.0
     "@webcomponents/template-shadowroot": ^0.2.1
     imports-loader: ^4.0.1
   peerDependencies:
-    next: 13 || 14
-  checksum: c58c702945708f0fc1ff8651740403a40656d64a335b1275f509b37f47497276cc9d0fd222f634efeb84281075c364c00fdd268e5c7effa3c746c5b462051255
+    next: 13 || 14 || 15
+  checksum: 89e504cf5ac58d77a4cc11b1730acfff610dde9c66e9c291ebaeac669a54005c58f27eadc5219424dbe8727f74a5782439062f0487831818b26bc6abff65b1bf
   languageName: node
   linkType: hard
 
@@ -1503,12 +1503,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@lit/react@npm:1.0.6":
-  version: 1.0.6
-  resolution: "@lit/react@npm:1.0.6"
+"@lit/react@npm:1.0.7":
+  version: 1.0.7
+  resolution: "@lit/react@npm:1.0.7"
   peerDependencies:
-    "@types/react": 17 || 18
-  checksum: f904f2cce9cd6b5d7476b9b165a3779a402b6b963f54fbd6b0e01ee0b31379ad24016de975dd4aa71e1bce5d79210de2a2c79c21a9d1a677ade4ce0122d4b11e
+    "@types/react": 17 || 18 || 19
+  checksum: b14c44d317fa52ced1b24d9f902967273486a4b22bc9b52f98870816cac67a61eff2ad3082d0b12b476e7edd919f2c5c59c1e6d414de09c5eb9c6a39c0cba6df
   languageName: node
   linkType: hard
 
@@ -9985,8 +9985,8 @@ __metadata:
     "@justeattakeaway/pie-css": 0.13.1
     "@justeattakeaway/pie-icons-webc": 1.2.0
     "@justeattakeaway/pie-webc": 0.6.3
-    "@lit-labs/nextjs": 0.2.0
-    "@lit/react": 1.0.6
+    "@lit-labs/nextjs": 0.2.1
+    "@lit/react": 1.0.7
     "@types/node": 20.17.9
     "@types/react": 18.3.12
     "@types/react-dom": 18.3.1