Troubleshooting

Common issues and their solutions when using Aviris UI.

Installation Issues

Resolve common installation and setup problems.

# Clear npm cache
npm cache clean --force

# Remove node_modules and reinstall
rm -rf node_modules
npm install

# Check for peer dependencies
npm ls @aviris/ui

Styling Problems

Fix common styling and theme issues.

// Ensure Tailwind is properly configured
// tailwind.config.js
module.exports = {
  content: [
    './app/**/*.{js,ts,jsx,tsx}',
    './components/**/*.{js,ts,jsx,tsx}',
    './node_modules/@aviris/ui/**/*.{js,ts,jsx,tsx}',
  ],
  presets: [require("@aviris/ui/preset")],
}

Component Issues

Troubleshoot common component problems.

// Check for proper imports
import { Button } from "@aviris/ui/components/ui/button";

// Ensure proper prop types
interface ButtonProps {
  variant?: "default" | "secondary" | "outline";
  size?: "default" | "sm" | "lg";
  children: React.ReactNode;
}