Default Props

component.tsx

// Don't define the default props outside of the function

const Component = ({ title, subtitle, text}) => {
  return <div>..</div>
}

Component.defaultProps = {
  title: 'Default Title',
  subtitle: 'Generic Subtitle',
  text: ''
}

// Put default props inside of the destructuring statement

const Component = ({
  title: 'Default Title',
  subtitle: 'Generic Subtitle',
  text: '',
}) => {
  return <div>...</div>
}