---
paths:
  - "apps/sim/**/*.ts"
  - "apps/sim/**/*.tsx"
---

# TypeScript Rules

1. **No `any`** - Use proper types or `unknown` with type guards
2. **Props interface** - Always define for components
3. **Const assertions** - `as const` for constant objects/arrays
4. **Ref types** - Explicit: `useRef<HTMLDivElement>(null)`
5. **Type imports** - `import type { X }` for type-only imports

```typescript
// ✗ Bad
const handleClick = (e: any) => {}

// ✓ Good
const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {}
```