chore: update @tanstack/solid-form to 1.33.5 (@fehmer)

frontend/package.json

@@ -40,7 +40,7 @@
     "@tanstack/pacer-lite": "0.2.2",
     "@tanstack/query-db-collection": "1.4.8",
     "@tanstack/solid-db": "0.3.12",
-    "@tanstack/solid-form": "1.33.0",
+    "@tanstack/solid-form": "1.33.5",
     "@tanstack/solid-hotkeys": "0.10.0",
     "@tanstack/solid-query": "5.104.5",
     "@tanstack/solid-router": "1.170.38",

frontend/src/ts/components/modals/CustomTestDurationModal.tsx

@@ -39,7 +39,7 @@ export function CustomTestDurationModal(): JSXElement {
     },
   }));
 
-  const durationValue = form.useStore((s) => s.values.duration);
+  const durationValue = form.useSelector((s) => s.values.duration);
 
   const humanTime = () => {
     const duration = parseInput(durationValue());

frontend/src/ts/components/modals/CustomTextModal.tsx

@@ -173,7 +173,7 @@ export function CustomTextModal(): JSXElement {
     },
   }));
 
-  const formValues = form.useStore((s) => s.values);
+  const formValues = form.useSelector((s) => s.values);
 
   const isDisabled = () => longTextWarning() || challengeWarning();
   const isLimitDisabled = () => formValues().mode === "simple" || isDisabled();

frontend/src/ts/components/modals/ShareTestSettings.tsx

@@ -28,7 +28,7 @@ export function ShareTestSettings(): JSXElement {
     },
   }));
 
-  const formValues = form.useStore((s) => s.values);
+  const formValues = form.useSelector((s) => s.values);
 
   const url = () => {
     const values = formValues();

frontend/src/ts/components/modals/WordFilterModal.tsx

@@ -226,14 +226,14 @@ export function WordFilterModal(props: {
     },
   }));
 
-  const isExactMatch = form.useStore((s) => s.values.exactMatch);
+  const isExactMatch = form.useSelector((s) => s.values.exactMatch);
 
   const [languageWords] = createResource(language, async (lang) => {
     const { data } = await tryCatch(JSONData.getLanguage(lang as Language));
     return data?.words ?? null;
   });
 
-  const formValues = form.useStore((s) => s.values);
+  const formValues = form.useSelector((s) => s.values);
 
   // debounce the preview so it doesn't refilter the whole word list on every keystroke
   const debouncedValues = createDebouncedSignal(formValues, 250);

frontend/src/ts/components/modals/preset/EditPresetModal.tsx

@@ -131,7 +131,7 @@ export function EditPresetModal(): JSXElement {
   );
 
   const isUpdateConfig = () => {
-    const formValues = form.useStore((s) => s.values);
+    const formValues = form.useSelector((s) => s.values);
     return formValues().updateConfig;
   };