TypeError: Cannot read properties of null (reading 'useMemoCache')

[lilouartz]

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.428.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

Getting random errors:

TypeError: Cannot read properties of null (reading 'useMemoCache')

The stack trace always originates from lucide-react.

Appears to be related to:

• https://stackoverflow.com/q/78883384/24982554
• [Compiler Bug]: Runtime error with Higher Order Components facebook/react#29755

Steps to reproduce

N/A

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

[lilouartz]

If anyone else is facing this issue, this Babel configuration (i.e. excluding Lucide) fixes it.

babel({
  babelConfig: {
    plugins: [
      [
        'babel-plugin-react-compiler',
        {
          sources: (filename: string) => {
            if (
              // https://github.com/lucide-icons/lucide/issues/2386
              filename.includes('lucide-react')
            ) {
              return false;
            }

            return true;
          },
        },
      ],
    ],
    presets: ['@babel/preset-typescript'],
  },
  // exclude: /zod\.ts$/u,
  filter: /\.tsx?$/u,
}),