vechai / vechaiui

A set of high-quality accessible React UI components with the built-in dark mode using Tailwind CSS. Pre-designed headless ui and radix-ui.

Home Page:https://www.vechaiui.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Import fails in Remix

valerius21 opened this issue · comments

Hey there, when using vechaiui with remix.run I am getting the following error:

✘ [ERROR] No matching export in "node_modules/@vechaiui/react/dist/esm/index.js" for import "VenchaiProvider"

    app/components/Providers.tsx:2:9:
      2 │ import { VenchaiProvider } from "@vechaiui/react";
        ╵          ~~~~~~~~~~~~~~~


Build failed with 1 error:
app/components/Providers.tsx:2:9: ERROR: No matching export in "node_modules/@vechaiui/react/dist/esm/index.js" for import "VenchaiProvider"
💿 Rebuilt in 64ms

tailwind.config.js

module.exports = {
  content: ["./app/**/*.{ts,tsx,jsx,js}"],
    mode: "jit",
  purge: [
    // ...
    "./node_modules/@vechaiui/**/*.{js,ts,jsx,tsx}", // path to vechaiui
  ],
  darkMode: "class", // or 'media' or 'class'
  theme: {
    extend: {},
  },
  variants: {
    extend: {},
  },
  plugins: [
    require("@tailwindcss/forms"),
    require("@vechaiui/core"),
  ],
};

I set up a project with the following command

npx create-remix --template remix-run/blues-stack

Try changing VechaiProvider to VenchaiProvider 😄