When using the latest versions of Next.js in a Turborepo application, I'm encountering the following errors for random icons:
'use client'
import { SendHorizontal, Check, Clock, LoaderCircle } from "lucide-react";
<LoaderCircle className="animate-spin-slow h-12 w-12 self-center justify-self-center text-black" />
Attempted import error: 'LoaderCircle' is not exported from '__barrel_optimize__?names=Check,Clock,LoaderCircle,SendHorizontal!=!lucide-react' (imported as 'LoaderCircle').
'use client';
import { ChevronRight, LifeBuoyIcon, Info, CircleHelp } from "lucide-react";
Attempted import error: 'CircleHelp' is not exported from '__barrel_optimize__?names=ChevronRight,CircleHelp,Info,LifeBuoyIcon!=!lucide-react' (imported as 'CircleHelp').
Interestingly enough, the icons still render fine in the browser despite the errors.
Steps to reproduce
Create a turborepo using turbo 2.0.14
Create a Next.js app using "next": "14.2.5" and "lucide-react": "^0.429.0"
In a component with use client, try importing and using the CircleHelp icon
The error should show up in the Next.js console but the icon renders properly
Checklist
[X] I have searched if someone has submitted a similar issue before and there weren't any. (Please make sure to also search closed issues, as this issue might already have been resolved.)
Package
Version
0.429.0
Can you reproduce this in the latest version?
Browser
Operating system
Description
Howdy y'all!
When using the latest versions of Next.js in a Turborepo application, I'm encountering the following errors for random icons:
Interestingly enough, the icons still render fine in the browser despite the errors.
Steps to reproduce
"next": "14.2.5"
and"lucide-react": "^0.429.0"
use client
, try importing and using theCircleHelp
iconChecklist