VS Code React Component Snippet

typescriptreact.json

{
  "Component": {
    "prefix": "fc",
    "body": [
      "import React from 'react';",
      "",
      "export interface ${TM_FILENAME_BASE/(.*)/${1:/pascalcase}/g}Props {",
      "\t$1",
      "}",
      "",
      "export function ${TM_FILENAME_BASE/(.*)/${1:/pascalcase}/g}(${2:props}: ${TM_FILENAME_BASE/(.*)/${1:/pascalcase}/g}Props) {",
      "\t$3",
      "\treturn ${4:null};",
      "}"
    ],
    "description": "Minimal function component"
  }
}

Assumes kebab-case file names