The preview failed to compile with the following build error:
./components/home/contact-section.tsx:7:1
Export Instagram doesn't exist in target module
5 | import { z } from 'zod'
6 | import { useState } from 'react'
> 7 | import { Mail, Instagram, MapPin, Check } from 'lucide-react'
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
8 |
9 | const contactSchema = z.object({
10 | nombre: z.string().min(2, 'El nombre es requerido'),
The export Instagram was not found in module [project]/node_modules/.pnpm/lucide-react@1.17.0_react@19.2.4/node_modules/lucide-react/dist/esm/lucide-react.mjs [app-client] (ecmascript).
Did you mean to import Star?
All exports of the module are statically known (It doesn't have dynamic exports). So it's known statically that the requested export doesn't exist.
Import trace:
Server Component:
./components/home/contact-section.tsx
./app/page.tsx
Revise the code to address the error.
I was previewing: /
I replaced the non-existent Instagram icon from lucide-react with a custom SVG component. The icon uses the same stroke-based styling as other lucide icons and accepts a size prop to maintain consistency with the rest of the UI.
The preview failed to compile with the following build error:
./app/contact/contact-client.tsx:8:1
Export Instagram doesn't exist in target module
6 | import { z } from 'zod'
7 | import { useState, useEffect, Suspense } from 'react'
> 8 | import {
| ^^^^^^^
> 9 | Mail,
| ^^^^^^^
> 10 | Instagram,
| ^^^^^^^^^^^^
> 11 | MapPin,
| ^^^^^^^^^
> 12 | Download,
| ^^^^^^^^^^^
> 13 | Check,
| ^^^^^^^^
> 14 | Phone,
| ^^^^^^^^
> 15 | } from 'lucide-react'
| ^^^^^^^^^^^^^^^^^^^^^
16 |
17 | const contactSchema = z.object({
18 | nombre: z.string().min(2, 'El nombre es requerido'),
The export Instagram was not found in module [project]/node_modules/.pnpm/lucide-react@1.17.0_react@19.2.4/node_modules/lucide-react/dist/esm/lucide-react.mjs [app-client] (ecmascript).
Did you mean to import Star?
All exports of the module are statically known (It doesn't have dynamic exports). So it's known statically that the requested export doesn't exist.
Import trace:
Server Component:
./app/contact/contact-client.tsx
./app/contact/page.tsx
Revise the code to address the error.
I was previewing: /contact
I replaced the non-existent Instagram import from lucide-react with a custom SVG component, consistent with the fix applied to other files. The icon maintains the same size prop interface and visual style as the lucide icons, ensuring a cohesive look across the contact page.