title: React Router Link in <select> <option>
body: <p>there I'm trying to filter some date using React Router Link in <code>select</code> box with 4 <code>options</code> in it. When I wrap the <code>options</code> with a Router Link I don't see values in the <code>select</code> box (is empty), any idea's?</p>
  
  <p>Here is what I have so far.</p>
  
  <pre><code>import React from 'react';
  import { Link } from 'react-router-dom';
  import styled from '@emotion/styled';
  
  const Wrapper = styled.div`
    display: grid;
    grid-template-columns: 10% 80% 10%;
    grid-template-rows: 1fr;
    width: auto;
    height: 40px;
    margin: 10px 0;
  `;
  
  const LinkQuery = styled(Link)`
    text-transform: uppercase;
    text-decoration: none;
    font-size: 12px;
    font-weight: 700;
    text-shadow: 1px 1px 1px #000000;
    color: ${props =&gt; props.theme.colors.primary};
  `;
  
  export const SelectBox = styled.select`
    grid-column: 2 / 3;
    height: 30px;
    padding: 10px;
    background-color: transparent;
    box-shadow: 2px 2px 2px #000000;
    border: 1px solid ${props =&gt; props.theme.colors.primary};
    border-radius: 5px;
    color: ${props =&gt; props.theme.colors.primary};
    font-size: 16px;
    outline: none;
    &amp;:hover,
    &amp;:focus {
      transition: 0.4s;
      border: 1px solid ${props =&gt; props.theme.colors.tertiary};
      transition: 0.2s;
    }
  `;
  
  export default function LocationFilter() {
    return (
      &lt;Wrapper&gt;
        &lt;SelectBox&gt;
          &lt;LinkQuery to="/"&gt;
            &lt;option&gt;Select Location&lt;/option&gt;
          &lt;/LinkQuery&gt;
          &lt;LinkQuery to="/?location=east"&gt;
            &lt;option&gt;East Building&lt;/option&gt;
          &lt;/LinkQuery&gt;
          &lt;LinkQuery to="/?location=west"&gt;
            &lt;option&gt;West Building&lt;/option&gt;
          &lt;/LinkQuery&gt;
          &lt;LinkQuery to="/?location=south"&gt;
            &lt;option&gt;South Building&lt;/option&gt;
          &lt;/LinkQuery&gt;
          &lt;LinkQuery to="/?location=north"&gt;
            &lt;option&gt;North Building&lt;/option&gt;
          &lt;/LinkQuery&gt;
        &lt;/SelectBox&gt;
      &lt;/Wrapper&gt;
    );
  }
  
  </code></pre>