title: Property 'match' does not exist on type '{ children?: ReactNode; }'
body: <p>I'm at a loss. I'm still new to typescript and I did try several proposed solutions that I found on other threads, such as importing <code>RouteProps</code> or <code>RouteComponentProps</code> and applying them to <code>React.FC&lt;RouteProps&gt;</code>, but <code>match</code>, <code>params</code>, and <code>id</code> still do not exist.</p>
  <p>I tried to create some interfaces, but I'm not entirely sure how to type objects {}. Because <code>match</code> and <code>params</code> are objects, while <code>id</code> is string..</p>
  <p>Below is the code I'm working with. Any input would be much appreciated.</p>
  <pre><code>const Cocktail: React.FC = (props) =&gt; {
    const { cocktail } = useSelector((state: StoreState) =&gt; state.cocktails);
    const dispatch = useDispatch();
    const { match: { params: { id }}} = props;
  
    useEffect(() =&gt; {
      dispatch(fetchCocktail(id));
    }, []);
    return (
      html elements...
    );
  };
  </code></pre>