VSCode Snippet to Create a typescript react functional component

typescriptreact.json

{
  "snippet-rf": {
    "prefix": "rf",
    "body": [
      "import React from 'react';",
      "import s from './${TM_FILENAME_BASE}.module.css'",
      "",
      "",
      "interface ${TM_FILENAME_BASE}Props {",
      "  // TODO",
      "}",
      "",
      "",
      "const ${TM_FILENAME_BASE}: React.FC<${TM_FILENAME_BASE}Props & React.HTMLAttributes<HTMLDivElement>> = ({ children, ...props }: ${TM_FILENAME_BASE}Props & React.HTMLAttributes<HTMLDivElement>) => {",
      "  return (",
      "    <div {...props}>",
      "    ${TM_FILENAME_BASE}",
      "    $1",
      "    {children}",
      "    </div>",
      "  );",
      "};",
      "",
      "export default ${TM_FILENAME_BASE};"
    ],
    "description": "Create React functional component"
  }
}