# TypeScript: error TS2614: Module '"./Button"' has no exported member 'Button'. Did you mean to use 'import Button from "./Button"' instead?

**Code:** `TS2614: Module has no exported member — did you mean to use 'import x from'` · **Category:** TypeScript · **Seen on:** TypeScript

You used a named import for something that's a default export (or reverse).

## Meaning

Switch to `import Button from "./Button"` (default) or export it by name (`export const Button`). Pick one convention. For CommonJS libraries use `import * as x`/`esModuleInterop`.

## Common causes

- Named import of a default export
- Default import of a named export
- Renamed export
- Barrel file exporting default incorrectly
- CJS/ESM interop

## Quick fix

1. `import Button from "./Button"` or `export { Button }`
2. Keep one convention per project
3. Enable `esModuleInterop` for CJS defaults

## Detailed fix by platform

### TypeScript

1. `export default function Button() { ... }  // import Button from "./Button"`

## How to diagnose

1. **Export** — Default/named?
2. **Import** — Matches?
3. **Interop** — Enabled?

---
Source: [WhatIsMyError](https://whatismyerror.com/errors/typescript/ts2614-module-has-no-exported-member-did-you-mean-default-import)