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