1 files changed, 14 insertions, 0 deletions
diff --git a/src/core/components/elements/Select/HookFormSelect.jsx b/src/core/components/elements/Select/HookFormSelect.jsx
new file mode 100644
index 00000000..055a9c68
--- /dev/null
+++ b/src/core/components/elements/Select/HookFormSelect.jsx
@@ -0,0 +1,14 @@
+import ReactSelect from 'react-select'
+
+const HookFormSelect = ({ field, ...props }) => (
+  <ReactSelect
+    classNamePrefix='form-select'
+    ref={field.ref}
+    onChange={(option) => field.onChange(option.value)}
+    value={field.value ? props.options.find((option) => option.value === field.value) : ''}
+    isDisabled={props.disabled}
+    {...props}
+  />
+)
+
+export default HookFormSelect