fix

Author: JustDeveloper1

lib/ui/select.js

@@ -31,7 +31,7 @@ const GoogleFonts_Icons_ArrowDropUp = (props) => (
         <path d="M328-400q-9 0-14.5-6t-5.5-14q0-2 6-14l145-145q5-5 10-7t11-2q6 0 11 2t10 7l145 145q3 3 4.5 6.5t1.5 7.5q0 8-5.5 14t-14.5 6H328Z" />
     </svg>
 );
-const Img = (item, props) => (<img src={item[1]} title={item[0]} alt="" className='fi r2px ow' {...props} />);
+const Img = ({ item }) => (<img src={item[1]} title={item[0]} alt="" className='fi r2px ow' />);
 
 let selectID = 0;
 const ArrowDropUp_Translate = ['none', '0px 10px'];
@@ -46,6 +46,9 @@ const Select = ({
     const [hover, setHover] = useState(false);
 
     selectID++;
+    useEffect(() => {
+        document.body.style.setProperty(`--${variable || 'select'+selectID}`, items[id][2] || id);
+    }, [id]);
 
     return (
         <>
@@ -61,23 +64,21 @@ const Select = ({
                     translate: hover ? ArrowDropUp_Translate[1] : ArrowDropUp_Translate[0], 
                     webkitTranslate: hover ? ArrowDropUp_Translate[1] : ArrowDropUp_Translate[0]
                 }} />
-                <Img item={items[id]} src={items[id][1]} title={items[id][0]} />
+                <Img item={items[id]} />
                 {items[id][0]}
             </button>
             {switch_ ? <div className='du'>{
-                items.forEach((item, iid) => (
+                items.map((item, iid) => (
                     <button
+                        key={iid}
                         title={titles[2] ? titles[2] : ''}
                         type='button' 
                         className='bb cw sb scp cp'
                         onClick={() => {
                             setID(iid);
-                            useEffect(() => {
-                                document.body.style.setProperty(`--${variable || 'select'+selectID}`, item[2] || iid);
-                            });
                         }}
                     >
-                        <Img item={item} src={item[1]} title={item[0]} />
+                        <Img item={item} />
                         {item[0]}
                     </button>
                 ))