React + typescript + defaultProps example

defaultPropsExample.tsx

// Adapted from: https://github.com/microsoft/TypeScript/issues/27425
// This workaround should become deprecated by: https://github.com/microsoft/TypeScript/pull/29818 

import * as React from "react";

Person.defaultProps = { telephone: "222-333-4444" };

function Person({ name, telephone }: { name: string; telephone: string }) {
  return (
    <div>
      {name} {telephone}
    </div>
  );
}

// Works - good
const test = <Person name="Hulk Hogan" />;

// Doesn't work - missing name, good
const test2 = <Person />;