Errors found while using components in Next JS 14 project #253
Replies: 2 comments 1 reply
-
|
Related to vercel/next.js#51593 |
Beta Was this translation helpful? Give feedback.
-
|
As for the issue in Alert, this will pop up whenever we use onClick (or other event handler) or pass an Icon (or other component) to the component. Even though the component export from GEL may have 'use client' at the top the page for the component you still can't do the previously mentioned if that component is in a server component. A work around I have found (possibly even the solution) is to make the component you need, for example an Alert with a different Icon and onClose function inside the app with 'use client' at the top and import that into the server component: |
Beta Was this translation helpful? Give feedback.
-
|
Alternate way to pass function from server component to client component: |
Beta Was this translation helpful? Give feedback.
-
Package.json (in case of any potential config issues):
Autocomplete:
When using Autocomplete.Item:
Alert:
When attempting to override Icon through icon prop:
Beta Was this translation helpful? Give feedback.
All reactions