Specify config to get vectors in .tsx

.specifyrc.json

{
  "repository": "",
  "personalAccessToken": "",
  "rules": [
    {
      "name": "Assets / Vector",
      "path": "src/components/core/Icon/vectors/",
      "filter": {
        "types": [
          "vector"
        ]
      },
      "parsers": [
        // Creates a property fileName that will be used
        // to create the file and the directories.
        // Allows you to add .tsx extension instead of .jsx by default
        {
          "name": "name-assets-files-by-pattern",
          "options": {
            "pattern": "{{name}}.tsx"
          }
        },
        // Removes all characters before the last slash
        // to use the name of the vector as a variable name
        // in you .jsx file. "export const variableName = () => (...)"
        {
          "name": "replace-string",
          "options": {
            "keys": ["name"],
            "regex": {
              "pattern": "(.*?)\\/",
              "flags": "g"
            },
            "trim": true
          }
        },
        // Pay attention not to use the `variableFormat` property
        // with `exportDefault` set as `true`.
        // It will generate the following invalid JS string:
        // `export default const iconName = () => (...)`
        {
          "name": "svg-to-jsx",
          "options": {
            "prepend": "import React from 'react';",
            "variableFormat": "camelCase",
            "formatConfig": {
              "exportDefault": false,
              "singleQuote": true
            }
          }
        }
      ]
    }
  ]
}