Why my custom snippet is not working ?

[AlejandroSanchez90]

hi, im following the docs, i dont know where im making a mistake
from the docs the default snippet folder is .config/nvim/snippets, inside this folder i have this snippet
react.json
and looks like this

  "React component": {
    "description": "Create a React component",
    "prefix": "ttt",
    "body": [
      "import * as React from 'react';",
      "",
      "export function $1($2) {",
      "  return (",
      "    <div>",
      "      $3",
      "    </div>",
      "  );",
      "}"
    ]
  }
}

and this is my blink config

return {
  'saghen/blink.cmp',
  dependencies = {
    'rafamadriz/friendly-snippets',
    'onsails/lspkind.nvim',
  },
  version = '1.*',
  ---@module 'blink.cmp'
  ---@type blink.cmp.Config
  opts = {
    keymap = {
      preset = 'none',
      ['<C-space>'] = { 'show', 'show_documentation', 'hide_documentation' },
      ['<C-e>'] = { 'hide', 'fallback' },
      ['<C-y>'] = { 'accept', 'fallback' },

      ['<Tab>'] = { 'snippet_forward', 'fallback' },
      -- Navigate to the previous suggestion or cancel completion if currently on the first one.
      ['<S-Tab>'] = { 'snippet_backward', 'fallback' },
      ['<Up>'] = { 'select_prev', 'fallback' },
      ['<Down>'] = { 'select_next', 'fallback' },
      ['<C-p>'] = { 'select_prev', 'fallback_to_mappings' },
      ['<C-n>'] = { 'select_next', 'fallback_to_mappings' },

      ['<C-b>'] = { 'scroll_documentation_up', 'fallback' },
      ['<C-f>'] = { 'scroll_documentation_down', 'fallback' },

      ['<C-k>'] = { 'show_signature', 'hide_signature', 'fallback' },
    },
    appearance = {
      nerd_font_variant = 'mono',
    },
    completion = {
      menu = {
        draw = {
          treesitter = { 'lsp' },
          columns = {
            { 'label', gap = 2 },
            { 'kind_icon', gap = 1, 'kind' },
          },
        },
      },
      documentation = {
        auto_show = true,
        auto_show_delay_ms = 200,
        window = {
          border = 'none',
          max_width = math.floor(vim.o.columns * 0.4),
          max_height = math.floor(vim.o.lines * 0.5),
        },
      },
      accept = {
        auto_brackets = {
          enabled = false,
        },
      },
    },
    signature = { enabled = true, window = { border = 'single' } },
    sources = {
      default = { 'lsp', 'path', 'snippets', 'buffer' },
    },
    fuzzy = { implementation = 'prefer_rust_with_warning' },
  },
  opts_extend = { 'sources.default' },
}

[soifou]

To use your custom snippets, blink.cmp expects a root file named package.json in ~/.config/nvim/snippets where you list all your snippets files depending on the filetype.

{
    "contributes": {
        "snippets": [
            {
                "language": "typescriptreact", // can also accept a list, e.g. ["javascriptreact", "typescriptreact"]
                "path": "./react.json"
            },
        ]
    }
}