🐛 Fix React bugs with components

Author: Frontendland

src/components/Avatar/Avatar.tsx

@@ -33,6 +33,7 @@ const Avatar = ({
         >
             {img.map((img, index) => (
                 <img
+                    key={index}
                     src={img}
                     alt={Array.isArray(alt) ? alt[index] : alt}
                     width={Array.isArray(size) ? size[index] : size}

src/components/Checkbox/Checkbox.tsx

@@ -41,7 +41,7 @@ const Checkbox = ({
             >
                 <input
                     type="checkbox"
-                    checked={checked}
+                    defaultChecked={checked}
                     disabled={disabled}
                     onClick={onClick}
                 />

src/components/Radio/Radio.tsx

@@ -46,7 +46,7 @@ const Radio = ({
                             type="radio"
                             name={name}
                             value={item.value}
-                            checked={item.selected}
+                            defaultChecked={item.selected}
                             disabled={item.disabled}
                             onChange={onChange}
                         />

src/components/Switch/Switch.tsx

@@ -36,7 +36,7 @@ const Switch = ({
         <label className={classes} style={styles || null}>
             <input
                 type="checkbox"
-                checked={toggled}
+                defaultChecked={toggled}
                 disabled={disabled}
                 onClick={onClick}
             />