Configuring luasnip html snippets to work in .tsx

[TLSingh1]

Hi fam, thank you guys so much for the amazing work!

As the title suggests, I am trying to configure luasnip such that I can use html snippets in tsx files. The behavior i want is I can start typing in a tsx block the markup tags w/o the angle brackets, and then have cmp_luasnip offer the option where I can press enter on it.

Previously in my lua config, I believe I accomplished this with the following code:

local luasnip = require("luasnip")

luasnip.filetype_extend("javascript", {"html"})
luasnip.filetype_extend("javascriptreact", {"html"})
luasnip.filetype_extend("typescriptreact", {"html"})

-- ls.snippets.javascript = ls.snippets.html
require("luasnip/loaders/from_vscode").load({include = {"html"}})
require("luasnip/loaders/from_vscode").lazy_load()

And I tried to add it to nixvim.extraConfigLua like so:

{
  imports = [
    ./options.nix
    ./keymaps.nix
    ./highlights.nix
    ./plugins
  ];

  programs.nixvim = {
    enable = true;
    colorschemes.cyberdream = {
      enable = true;
      settings = {
        transparent = true;
        italic_comments = true;
        theme.highlights = {
          ActiveWindow.bg = "#16181A";
        };
      };
    };
    extraConfigLua = ''
      local luasnip = require("luasnip")

      luasnip.filetype_extend("javascript", {"html"})
      luasnip.filetype_extend("javascriptreact", {"html"})
      luasnip.filetype_extend("typescriptreact", {"html"})

      -- ls.snippets.javascript = ls.snippets.html
      require("luasnip/loaders/from_vscode").load({include = {"html"}})
      require("luasnip/loaders/from_vscode").lazy_load()
    '';
  };
}

But ufnorutnately this doesn't work. Any guidance would be super appreciated! Here's the whole repo for reference: https://github.com/TLSingh1/dotfiles

would be sooo grateful for any guidance 🙏