title: ReactJS TS, Property 'match' does not exist on type 'Readonly<{children?:ReactNode}> & Readonly<MyProps>'
body: <p>I am trying to type the props of my component and use an URL param at the same time. I get the following error:</p>
  
  <blockquote>
    <p>Property 'match' does not exist on type
    'Readonly&lt;{children?:ReactNode}> &amp; Readonly'</p>
  </blockquote>
  
  <p>Here is some of my code:</p>
  
  <pre><code>import Api from '../../api/Api';
  
  interface MyProps {
      api: Api
  }
  
  interface MyState {
      someString: string,
      loading: boolean
  }
  
  export class MyComponent extends React.Component&lt;MyProps, MyState&gt; {
  
      constructor(props: MyProps) {
          super(props);
          this.state = {
              someString: this.props.match.params.someString,//&lt;-- Error is here on this line
              loading: true
          }
      }
  
      componentDidMount() {
          this.props.api.getSomeInfo(this.state.someString, this.callback)
      }
  
      callback() {
          let interval = setInterval(function () {
              this.setState({loading: false});
              clearInterval(interval)
          }, 3000);
      }
  
      render() {
          return (
              &lt;div&gt;
                  &lt;p&gt;{this.someString}&lt;/p&gt;
              &lt;/div&gt;
          );
      }
  }
  </code></pre>
  
  <p>As you can see all I am trying to do is:</p>
  
  <p>1- Go to:</p>
  
  <blockquote>
    <p><a href="http://localhost:8080/someStrings/:someString" rel="noreferrer">http://localhost:8080/someStrings/:someString</a></p>
  </blockquote>
  
  <p>2- Grab the value of :someString in my component's constructor and store in state</p>
  
  <p>3- Use the value of someString in my state to be able to pass it as an argument to my API module to do stuff</p>
  
  <p>4- When the callback is executed in the API I remove the loading animation</p>
  
  <p>My question is basically, how do I declare my MyProps to be able to acheive this?</p>