From b517722a1d370cbd7457cf98866b806832d61680 Mon Sep 17 00:00:00 2001
From: Rafi Zadanly <zadanlyr@gmail.com>
Date: Fri, 13 Jan 2023 17:03:51 +0700
Subject: Formik and yup implement

---
 src/components/SelectFormik.js | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)
 create mode 100644 src/components/SelectFormik.js

(limited to 'src/components/SelectFormik.js')

diff --git a/src/components/SelectFormik.js b/src/components/SelectFormik.js
new file mode 100644
index 00000000..4fd711c5
--- /dev/null
+++ b/src/components/SelectFormik.js
@@ -0,0 +1,18 @@
+import ReactSelect from "react-select";
+
+const SelectFormik = ({
+  options,
+  field,
+  form
+}) => {
+  return <ReactSelect
+    options={options}
+    name={field.name}
+    value={options ? options.find(option => option.value === field.value) : ''}
+    onChange={(option) => form.setFieldValue(field.name, option.value)}
+    onBlur={field.onBlur}
+    classNamePrefix={field}
+  />
+}
+
+export default SelectFormik;
\ No newline at end of file
-- 
cgit v1.2.3