Lucide React HMR Error | Next.js | Page 1

fluid siren Jan 1, 2026, 9:00 PM

#

Error:

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)

📎 message.txt

quartz bridgeBOT Jan 1, 2026, 9:00 PM

#

Post created!

🔎 This post has been indexed in our web forum and will be seen by search engines so other users can find it outside Discord

🕵️ Your user profile is private by default and won't be visible to users outside Discord, if you want to be visible in the web forum you can add the "Public Profile" role in id:customize

✅ You can mark a message as the answer for your post with Right click -> Apps -> Mark Solution
(if you don't see the option, try refreshing Discord with Ctrl + R)

fluid siren Jan 1, 2026, 9:19 PM

#

I tried deleting .next and reinstalling node_modules. I am a beginner.

fluid siren Jan 1, 2026, 9:37 PM

#

I fixed it by adding --webpack on package.json's dev script.

quartz bridgeBOT Jan 1, 2026, 9:37 PM

#

fluid siren I fixed it by adding --webpack on package.json's dev script.

✅ Success!

This question has been marked as answered! If you have any other questions, feel free to create another post

Jump to answer

[Click here](#1456391601755652116 message)

stuck stream Jan 20, 2026, 1:26 PM

#

same problem but At first webpack worked then it started to do the same thing as turbopack

#Lucide React HMR Error