From 381fdaca1ac91cfb39e6c7fd4a49f93cbf7ca8f8 Mon Sep 17 00:00:00 2001
From: Twirre Meulenbelt <43213592+TwirreM@users.noreply.github.com>
Date: Thu, 27 Nov 2025 10:58:09 +0100
Subject: [PATCH] fix: re-render TextField when input changes from parent

ref: N25B-189
---
 src/components/TextField.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/TextField.tsx b/src/components/TextField.tsx
index 58de55d..1d5ca6a 100644
--- a/src/components/TextField.tsx
+++ b/src/components/TextField.tsx
@@ -1,4 +1,4 @@
-import {useState} from "react";
+import {useEffect, useState} from "react";
 import styles from "./TextField.module.css";
 
 /**
@@ -86,6 +86,9 @@ export function TextField({
 }) {
   const [inputValue, setInputValue] = useState(value);
 
+  // Re-render when the value gets updated externally
+  useEffect(() => setInputValue(value), [setInputValue, value]);
+
   const onCommit = () => setValue(inputValue);
 
   return <RealtimeTextField