Next.js Discord

Discord Forum

Lucide React HMR Error

Answered
Scissor-tailed Flycatcher posted this in #help-forum
Open in Discord
Scissor-tailed FlycatcherOP
Error:
## Error Type
Runtime Error

## Error Message
Module [project]/node_modules/lucide-react/dist/esm/icons/audio-waveform.js [app-client] (ecmascript) <export default as AudioWaveform> was instantiated because it was required from module [project]/src/app/ps2-modding-guide/sidebar.tsx [app-client] (ecmascript), but the module factory is not available. It might have been deleted in an HMR update.


    at <unknown> (src/app/ps2-modding-guide/sidebar.tsx:3:1)
    at Page (src\app\ps2-modding-guide\page.tsx:20:7)

## Code Frame
  1 | "use client";
  2 | import * as React from "react";
> 3 | import {
    | ^
  4 |   AudioWaveform,
  5 |   BookOpen,
  6 |   Bot,

Next.js version: 16.0.10 (Turbopack)
Answered by Scissor-tailed Flycatcher
I fixed it by adding --webpack on package.json's dev script.
View full answer

4 Replies

Scissor-tailed FlycatcherOP
I tried deleting .next and reinstalling node_modules. I am a beginner.
Scissor-tailed FlycatcherOP
I fixed it by adding --webpack on package.json's dev script.
Answer
Cedar Waxwing
same problem but At first webpack worked then it started to do the same thing as turbopack
Pachon Navarro
Install latest version of lucid-react.