From 3f98e14b9917715861d968e3e1721bf8b3a36f60 Mon Sep 17 00:00:00 2001
From: panteliselef <panteliselef@outlook.com>
Date: Tue, 17 Dec 2024 10:46:27 +0200
Subject: [PATCH] chore(clerk-js): Attempt to fix deploy retheme PR (#4790)

---
 .changeset/quick-pens-hug.md                       |  2 ++
 packages/clerk-js/src/ui/primitives/hooks/index.ts |  2 +-
 .../hooks/{useFormControl.tsx => useFormField.tsx} | 14 ++++----------
 3 files changed, 7 insertions(+), 11 deletions(-)
 create mode 100644 .changeset/quick-pens-hug.md
 rename packages/clerk-js/src/ui/primitives/hooks/{useFormControl.tsx => useFormField.tsx} (93%)

diff --git a/.changeset/quick-pens-hug.md b/.changeset/quick-pens-hug.md
new file mode 100644
index 0000000000..a845151cc8
--- /dev/null
+++ b/.changeset/quick-pens-hug.md
@@ -0,0 +1,2 @@
+---
+---
diff --git a/packages/clerk-js/src/ui/primitives/hooks/index.ts b/packages/clerk-js/src/ui/primitives/hooks/index.ts
index f0f19d1210..5a203e579d 100644
--- a/packages/clerk-js/src/ui/primitives/hooks/index.ts
+++ b/packages/clerk-js/src/ui/primitives/hooks/index.ts
@@ -1,2 +1,2 @@
-export * from './useFormControl';
+export * from './useFormField';
 export * from './useInput';
diff --git a/packages/clerk-js/src/ui/primitives/hooks/useFormControl.tsx b/packages/clerk-js/src/ui/primitives/hooks/useFormField.tsx
similarity index 93%
rename from packages/clerk-js/src/ui/primitives/hooks/useFormControl.tsx
rename to packages/clerk-js/src/ui/primitives/hooks/useFormField.tsx
index 6c62e41baf..68672cf8f1 100644
--- a/packages/clerk-js/src/ui/primitives/hooks/useFormControl.tsx
+++ b/packages/clerk-js/src/ui/primitives/hooks/useFormField.tsx
@@ -43,20 +43,14 @@ export const FormFieldContextProvider = (props: React.PropsWithChildren<FormFiel
   // TODO: This shouldnt be targettable
   const id = `${propsId}-field`;
 
-  /**
-   * Create a debounced version of the feedback.
-   */
+  // Create a debounced version of the feedback.
   const { debounced } = useFormControlFeedback({ feedback, feedbackType, isFocused });
 
-  /**
-   * Both html attributes (e.g. data-invalid) and css styles depend on hasError being debounced
-   */
+  // Both html attributes (e.g. data-invalid) and css styles depend on hasError being debounced
   const hasError = debounced.feedbackType === 'error';
 
-  /**
-   * Track whether the `FormErrorText` has been rendered.
-   * We use this to append its id the `aria-describedby` of the `input`.
-   */
+  // Track whether the `FormErrorText` has been rendered.
+  // We use this to append its id the `aria-describedby` of the `input`.
   const errorMessageId = hasError ? `error-${propsId}` : '';
   const value = React.useMemo(
     () => ({