My VSCode React snippets

typescriptreact.json

{
  "Create a new functional component": {
    "prefix": "fc",
    "body": [
      "import React, { FC } from 'react';",
      "import './${TM_FILENAME_BASE}.css';",
      "",
      "interface ${TM_FILENAME_BASE}Props {",
      "  props1: string;",
      "  props2: string;",
      "}",
      "",
      "const ${TM_FILENAME_BASE}: FC<${TM_FILENAME_BASE}Props> = ({ props1, props2 }) => {",
      "  return (",
      "    <div>",
      "      {props1}",
      "      {props2}",
      "    </div>",
      "  );",
      "};",
      "",
      "export default ${TM_FILENAME_BASE};",
      ""
    ]
  },
  "Import component CSS": {
    "prefix": "fccss",
    "body": [
      "import './${TM_FILENAME_BASE}.css';"
    ]
  },
  "Import component CSS module": {
    "prefix": "fccssm",
    "body": [
      "import styles from './${TM_FILENAME_BASE}.module.css';"
    ]
  }
}