                  <option key={i} value={url}>
                      {text}
                  </option>
              ))}
          </select>
      )
  }
  
  const Navigation = ({ title, items, section, search, children }) => {
      return (
 
</s> remove         <select
            defaultValue={defaultValue}
            className={classes.dropdown}
            onChange={({ target }) => navigate(target.value)}
        >
 </s> add         <Dropdown defaultValue={defaultValue} className={classes.dropdown}> </s> remove const Dropdown = ({ items, section }) => {
 </s> add const NavigationDropdown = ({ items, section }) => { </s> remove                 <Dropdown items={items} section={section} />
 </s> add                 <NavigationDropdown items={items} section={section} /> </s> remove import { navigate } from 'gatsby'
 </s> add 
        </Dropdown>
                  <option key={i} value={url}>
                      {text}
                  </option>
              ))}
        </Dropdown>
      )
  }
  
  const Navigation = ({ title, items, section, search, children }) => {
      return (
keep keep keep keep replace keep keep keep keep keep
 Move Dropdown to own component 
website/src/components/navigation.js