Konsta UI Svelte Type Errors Showcase

This repository demonstrates type errors encountered when using konsta-ui components with SvelteKit and TypeScript.

Structure

• app/ - SvelteKit application demonstrating type errors with ToolbarPane component
• claude.md - MCP server configuration (Context7 and Playwright)

Quick Start

cd app
npm install
npm run dev

Type Checking

To see the type errors:

cd app
npm run check

Current Type Errors

ToolbarPane Component Issues

The ToolbarPane component in Konsta UI 5.0.4 has TypeScript definition issues:

1. Missing children prop - The component accepts children in its implementation but the TypeScript definitions don't include it
2. Missing event handlers - Standard event handlers like onClick are not properly typed

See app/README.md for detailed documentation of all type errors.

Technology Stack

• SvelteKit 2.x
• Svelte 5.x
• TypeScript
• Tailwind CSS (configured via Vite)
• Konsta UI 5.0.4 (latest version)

Purpose

This repository serves as a reference for type compatibility issues between konsta-ui and SvelteKit/TypeScript, helping developers understand and work around these limitations.