Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[react] 0.470.0+ crashing deployments #2743

Open
5 of 30 tasks
rub1e opened this issue Jan 17, 2025 · 8 comments
Open
5 of 30 tasks

[react] 0.470.0+ crashing deployments #2743

rub1e opened this issue Jan 17, 2025 · 8 comments
Labels
🐛 bug Something isn't working

Comments

@rub1e
Copy link

rub1e commented Jan 17, 2025

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

NOTE: if this is affecting anyone currently, downgrading to 0.469.0 solves it for me

From 0.470.0 using lucide-react icons breaks my react-router v7 deployments.

No problems building locally and serving with react-router serve, and no problem running react-router build for the deployment - no errors or warnings.

But visiting the page seems to crash the Netlify lambda itself (also tested on Vercel). Here is the error log from Netlify:

Jan 17, 01:20:06 PM: ERROR Uncaught Exception {"errorType":"Error","errorMessage":"EMFILE: too many open files, open '/var/task/node_modules/lucide-react/dist/esm/icons/message-circle.js'","code":"EMFILE","errno":-24,"syscall":"open","path":"/var/task/node_modules/lucide-react/dist/esm/icons/message-circle.js","stack":["Error: EMFILE: too many open files, open '/var/task/node_modules/lucide-react/dist/esm/icons/message-circle.js'"]}

Also note that this isn't a react v19 issue, it's happening on 18.3 as well

Steps to reproduce

Here's a minimal repro: https://github.com/rub1e/lucide-react-repro

It's just the Netlify React Router starter with one page with a single lucide icon

Here it is crashing on netlify: https://venerable-sunshine-738964.netlify.app/

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.)
@rub1e rub1e added the 🐛 bug Something isn't working label Jan 17, 2025
@rub1e rub1e changed the title [react] 0.470.0 crashing deployments [react] 0.470.0+ crashing deployments Jan 17, 2025
@olivier-thatch
Copy link

We're observing the same issue with Next.js 14.2.23 + React 18.3.1.

@inavate-ing
Copy link

inavate-ing commented Jan 19, 2025

Just had the same with remix

"@remix-run/node": "^2.15.2",
"@remix-run/react": "^2.15.2",
"@remix-run/serve": "^2.15.2",
"react": "^18.2.0",

https://crowdfunding-tracker.vercel.app/
https://github.com/inavate-ing/crowdfunding-tracker

fixed it for now by downgrading

@fityannugroho
Copy link

fityannugroho commented Jan 21, 2025

Same here with astro: ^5.1.7 and react: ^19

fityannugroho/fityannugroho#249

@arnsteinsm
Copy link

Same here, built fine locally, but deployment on Vercel failed. Downgraded to 0.469.0 and it works again.

"react": "^18.3.1"

@vasco3
Copy link

vasco3 commented Jan 22, 2025

Same issue in Tanstack Start

@ericfennis
Copy link
Member

Can you post the the deployment error logs?

@rub1e If I run your repo locally it's working, even if I build it.

@rub1e
Copy link
Author

rub1e commented Jan 24, 2025

Yeah it's really strange, I can build and serve it locally just fine. It's only happening when the site is deployed.

Here's everything I get from Netlify logs:

Jan 24, 01:55:51 PM: ERROR  Uncaught Exception 	{"errorType":"Error","errorMessage":"EMFILE: too many open files, open '/var/task/node_modules/lucide-react/dist/esm/icons/message-circle.js'","code":"EMFILE","errno":-24,"syscall":"open","path":"/var/task/node_modules/lucide-react/dist/esm/icons/message-circle.js","stack":["Error: EMFILE: too many open files, open '/var/task/node_modules/lucide-react/dist/esm/icons/message-circle.js'"]}
Jan 24, 01:55:51 PM: ERROR  Uncaught Exception 	{"errorType":"Error","errorMessage":"connect EMFILE 127.0.0.1:9001 - Local (undefined:undefined)","code":"EMFILE","errno":-24,"syscall":"connect","address":"127.0.0.1","port":9001,"stack":["Error: connect EMFILE 127.0.0.1:9001 - Local (undefined:undefined)","    at internalConnect (node:net:1100:16)","    at defaultTriggerAsyncIdScope (node:internal/async_hooks:462:18)","    at node:net:1306:9","    at process.processTicksAndRejections (node:internal/process/task_queues:77:11)"]}
Jan 24, 01:55:51 PM: ERROR  Uncaught Exception 	{"errorType":"Error","errorMessage":"connect EMFILE 127.0.0.1:9001 - Local (undefined:undefined)","code":"EMFILE","errno":-24,"syscall":"connect","address":"127.0.0.1","port":9001,"stack":["Error: connect EMFILE 127.0.0.1:9001 - Local (undefined:undefined)","    at internalConnect (node:net:1100:16)","    at defaultTriggerAsyncIdScope (node:internal/async_hooks:462:18)","    at node:net:1306:9","    at process.processTicksAndRejections (node:internal/process/task_queues:77:11)"]}
Jan 24, 01:55:51 PM: ERROR  Uncaught Exception 	{"errorType":"Error","errorMessage":"connect EMFILE 127.0.0.1:9001 - Local (undefined:undefined)","code":"EMFILE","errno":-24,"syscall":"connect","address":"127.0.0.1","port":9001,"stack":["Error: connect EMFILE 127.0.0.1:9001 - Local (undefined:undefined)","    at internalConnect (node:net:1100:16)","    at defaultTriggerAsyncIdScope (node:internal/async_hooks:462:18)","    at node:net:1306:9","    at process.processTicksAndRejections (node:internal/process/task_queues:77:11)"]}Jan 24, 01:55:51 PM: INIT_REPORT Init Duration: 1139.38 ms	Phase: init	Status: error	Error Type: Runtime.Unknown

Note the first line and reference to message-circle

Also note that these aren't deploy logs, they're Netlify Functions runtime logs

@ThomasStock
Copy link

Note I also had this issue running Astro on Vercel.

withastro/astro#13068

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
🐛 bug Something isn't working
Projects
None yet
Development

No branches or pull requests

8 participants