Fix smart select default selections in kitchen sink

Author: bc022699

kitchen-sink/components/pages/SmartSelectPage.tsx

@@ -13,8 +13,8 @@ export const SmartSelectPage = () => {
             <ContentBlockTitle>Smart Select</ContentBlockTitle>
             <List form>
                 <ListItem smartSelect title="Fruit">
-                    <select name="fruits">
-                        <option value="apple" selected>Apple</option>
+                    <select name="fruits" defaultValue="apple">
+                        <option value="apple">Apple</option>
                         <option value="pineapple">Pineapple</option>
                         <option value="pear">Pear</option>
                         <option value="orange">Orange</option>
@@ -24,16 +24,16 @@ export const SmartSelectPage = () => {
                     </select>
                 </ListItem>
                 <ListItem smartSelect smartSelectSearchbar title="Car">
-                    <select name="car" multiple>
+                    <select name="car" multiple defaultValue={['honda', 'audi', 'ford']}>
                         <optgroup label="Japanese">
-                            <option value="honda" selected>Honda</option>
+                            <option value="honda">Honda</option>
                             <option value="lexus">Lexus</option>
                             <option value="mazda">Mazda</option>
                             <option value="nissan">Nissan</option>
                             <option value="toyota">Toyota</option>
                         </optgroup>
                         <optgroup label="German">
-                            <option value="audi" selected>Audi</option>
+                            <option value="audi">Audi</option>
                             <option value="bmw">BMW</option>
                             <option value="mercedes">Mercedes</option>
                             <option value="vw">Volkswagen</option>
@@ -43,7 +43,7 @@ export const SmartSelectPage = () => {
                             <option value="cadillac">Cadillac</option>
                             <option value="chrysler">Chrysler</option>
                             <option value="dodge">Dodge</option>
-                            <option value="ford" selected>Ford</option>
+                            <option value="ford">Ford</option>
                         </optgroup>
                     </select>
                 </ListItem>