My vscode snippets.

typescriptreact.json

{
  "react functional component": {
    "prefix": "rfc",
    "body": [
      "export const ${TM_FILENAME_BASE/(\\w)/${1:/upcase}/}: React.FC = () => {",
      "  return <>$0</>",
      "}"
    ],
    "description": "react functional component"
  },
  "react functional component with props": {
    "prefix": "rfcp",
    "body": [
      "type Props = {}",
      "",
      "export const ${TM_FILENAME_BASE/(\\w)/${1:/upcase}/}: React.FC<Props> = () => {",
      "  return <>$0</>",
      "}"
    ],
    "description": "react functional component with props"
  },
  "next page component": {
    "prefix": "npc",
    "body": [
      "import { NextPage } from 'next'",
      "",
      "const ${TM_FILENAME_BASE/(\\w)/${1:/upcase}/}Page: NextPage = () => {",
      "  return <>$0</>",
      "}",
      "",
      "export default ${TM_FILENAME_BASE/(\\w)/${1:/upcase}/}Page"
    ],
    "description": "next page component"
  },
  "next page component with props": {
    "prefix": "npcp",
    "body": [
      "import { NextPage } from 'next'",
      "",
      "type Props = {}",
      "",
      "const ${TM_FILENAME_BASE/(\\w)/${1:/upcase}/}Page: NextPage<Props> = () => {",
      "  return <>$0</>",
      "}",
      "",
      "export default ${TM_FILENAME_BASE/(\\w)/${1:/upcase}/}Page"
    ],
    "description": "next page component with props"
  }
}