title: How to extend a React component?
body: <p>Let's say there's a React component that I like, but want to modify. For this example, we'll use Material UI's <code>LinearProgress</code>. I want to make a clickable seek bar out of it.</p>
  
  <pre><code>class SeekBar extends LinearProgress {
    componentDidMount() {
      super.componentDidMount();
      console.log('my stuff here');
    }
  }
  </code></pre>
  
  <p>But I feel like I might be very limited as to what I can do as far as changing what <code>render</code> returns. Maybe I'm going about this all wrong, though. If I like a particular React component such as a Material UI component, what is a good, reusable way to customize its look and functionality and make it my own?</p>