Create a new React.FC using Live templates for IntelliJ WebStorm

fc.tsx

import React, { FC } from "react";

// $ComponentName$ is a variable which can be set to fileNameWithoutExtension()

type $ComponentName$Props = {

};

export const $ComponentName$: FC<$ComponentName$Props> = () => {
    return (
        <div>$ComponentName$</div>
    )
}

jetbrains.com/help/webstorm/creating-and-editing-live-templates.html
jetbrains.com/help/webstorm/template-variables.html