Stateless/dumb React component in Typescript

statelessComponent.tsx

// stateless/dumb component in React Typescript
import * as React from 'react';

interface IWelcomeProps {
    name: string,
}

const Welcome: React.SFC<IWelcomeProps> = ({ name }) => {
    return <h1>Hello, {name}</h1>;
}
	
Welcome.defaultProps = {
    name: 'Guest User', // This value is adopted when name prop is omitted
}
	
export default Welcome;

// via https://medium.com/@iktakahiro/react-stateless-functional-component-with-typescript-ce5043466011
// via https://firstdoit.com/how-to-write-a-react-stateless-functional-component-in-typescript-5d150419bbbc