fix: useEffect add to SelectInput component for selectedKey change (#10)

Author: itsrafsanjani

package.json

@@ -78,4 +78,4 @@
     "vite": "^4.4.5",
     "vite-plugin-dts": "^3.4.0"
   }
-}
+}

src/Components/SelectInput/SelectInput.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import { twMerge } from 'tailwind-merge';
 
 interface Option {
@@ -35,6 +35,10 @@ const SelectInput: React.FC<SelectProps> = ({
     options.find((option) => option.key === selectedKey) || options[0]
   );
 
+  useEffect(() => {
+    setSelectedOption(options.find((option) => option.key === selectedKey) || options[0]);
+  }, [options, selectedKey]);
+
   const id = `input-${Math.random().toString(36).substr(2, 9)}`;
   const handleChange = (event: React.ChangeEvent<HTMLSelectElement>) => {
     const selectedOption = options.find((option) => option.key == event.target.value);