React functional component with extended props

ExtendedPropsComponent.tsx

import React from "react";

// This can be defined in some other file as well.
interface SharedProps {
  active: boolean
  title?: string
}

type MyProps = Omit<SharedProps, "title"> & {
  specialTitle: string
}

export const ExtendedPropsComponent = ({active, specialTitle = ""}: MyProps) => {
  //...
}