In the process of developing my web portfolio, I am utilizing NextJS, TypeScript, and TailwindCSS. A key feature on my site involves displaying a list of books I have read along with my ratings using a NextUI table. To visualize this functionality, you can refer to the table here. Currently, I am working on implementing a new feature where clicking on a row will trigger a Modal displaying my review for that particular book. However, I've encountered an error that reads as follows:
Uncaught TypeError: Cannot convert a Symbol value to a string
at $eb2240fc39a57fa5$export$bf788dd355e3a401.getFullNode (import.mjs:219:53)
...
Despite multiple attempts, I have been unable to resolve this error or find a workaround.
Displayed below is the code responsible for rendering each book as a row in the table, along with the expected modal that should appear upon row selection:
{(item) => {
return (
<>
<TableRow
key={item.title}
className='hover:bg-sky-100 hover:dark:bg-gray-950 hover:dark:border-black/40 hover:dark:bg-opacity-30'
onClick={onOpen}
>
...
</Modal>
</>
)
}}
For additional context on the code implementation, you can access the complete file here.
Referencing the NextUI documentation for the table and modal components might provide further insights into the issue.
Any assistance or recommendations regarding this matter would be greatly appreciated!
Additional information:
- React 18
- Next 14.0.4
- NextUI-org/react 2.2.9