title: How do I use default props in a React component with Typescript?
body: <p>I am new to React and I have a simple child-component. I want to set default props so if no prop is given when the component is called it uses whatever the defaults are set at. So far I have:</p>
  
  <pre><code>import React from 'react';
  
  interface titleComponentProps {
    title?: string;
  }
  
  const titleComponentDefaults = ({
    title: "default title",
  })
  
  const titleComponent = ({
    title,
  }: titleComponentProps) =&gt; {
    return &lt;React.Fragment&gt;{title}&lt;/React.Fragment&gt;;
  };
  
  export default DynamicHelperText;
  </code></pre>
  
  <p>I am unclear as to how to have the default props appear in the component. Would anyone know the best way to do this?</p>