Cannabis Icon not working well on the Next.js

[cupid20103]

Package

• lucide
• lucide-angular
• lucide-flutter
• lucide-preact
• lucide-react
• lucide-react-native
• lucide-solid
• lucide-svelte
• lucide-vue
• lucide-vue-next
• Figma plugin
• source/main
• other/not relevant

Version

0.341.0

Can you reproduce this in the latest version?

• [] Yes
• No

Browser

• Chrome/Chromium
• Firefox
• Safari
• Edge
• iOS Safari
• Opera
• Other/not relevant

Operating system

• Windows
• Linux
• macOS
• ChromeOS
• iOS
• Android
• Other/not relevant

Description

I am using lucide-react on the Next.js but the Cannabis icon cannot import
How to solve this problem?

Steps to reproduce

This is my code of layout.tsx.

iimport { Suspense } from "react";
import { MapPin, PackageSearch, Sprout } from "lucide-react";
import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
import { InventoryLayoutPropsInterface } from "@/types/page";

const InventoryLayout = ({
  overview,
  cannabis,
  material,
  location,
}: InventoryLayoutPropsInterface) => {
  return (
    <Suspense fallback={<></>}>
      <Tabs defaultValue="feed">
        <TabsList className="w-full h-auto overflow-x-auto flex justify-start space-x-1 px-5 py-0 bg-white tablet:px-3">
          <TabsTrigger
            className="space-x-2 px-4 py-3 border-b-[3px] rounded-b-none border-white data-[state=active]:border-custom data-[state=active]:text-custom data-[state=active]:bg-customforeground tablet:p-2 hover:border-custom hover:text-custom hover:bg-customforeground"
            value="feed"
          >
            <PackageSearch className="w-3 h-3" />
            <p className="text-sm mobile:text-xs">Übersicht</p>
          </TabsTrigger>
          <TabsTrigger
            className="space-x-2 px-4 py-3 border-b-[3px] rounded-b-none border-white data-[state=active]:border-custom data-[state=active]:text-custom data-[state=active]:bg-customforeground tablet:p-2 hover:border-custom hover:text-custom hover:bg-customforeground"
            value="cannabis"
          >
            <Cannabis className="w-3 h-3" />
            <p className="text-sm mobile:text-xs">Cannabis</p>
          </TabsTrigger>
          <TabsTrigger
            className="space-x-2 px-4 py-3 border-b-[3px] rounded-b-none border-white data-[state=active]:border-custom data-[state=active]:text-custom data-[state=active]:bg-customforeground tablet:p-2 hover:border-custom hover:text-custom hover:bg-customforeground"
            value="material"
          >
            <Sprout className="w-3 h-3" />
            <p className="text-sm mobile:text-xs">Vermehrungsmaterial</p>
          </TabsTrigger>
          <TabsTrigger
            className="space-x-2 px-4 py-3 border-b-[3px] rounded-b-none border-white data-[state=active]:border-custom data-[state=active]:text-custom data-[state=active]:bg-customforeground tablet:p-2 hover:border-custom hover:text-custom hover:bg-customforeground"
            value="location"
          >
            <MapPin className="w-3 h-3" />
            <p className="text-sm mobile:text-xs">Lagerorte</p>
          </TabsTrigger>
        </TabsList>
        <TabsContent value="overview">{overview}</TabsContent>
        <TabsContent value="overview">{cannabis}</TabsContent>
        <TabsContent value="overview">{material}</TabsContent>
        <TabsContent value="overview">{location}</TabsContent>
      </Tabs>
    </Suspense>
  );
};

export default InventoryLayout;

In above code, I can't use Cannabis icon

Checklist

• 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.)

[karsa-mistmere]

You don't seem to be actually importing it. 🤔

- import { MapPin, PackageSearch, Sprout } from "lucide-react";
+ import { Cannabis, MapPin, PackageSearch, Sprout } from "lucide-react";

[cupid20103]

I couldn't import Cannabis

[karsa-mistmere]

That figures, since 0.341.0 is ancient.

Sorry, I've previously misread that as 0.431.0.

Please upgrade to the latest version, cannabis was added in v0.348.0, but we're already at v0.453.0.