Fix client side exception with list.tsx

[aumbriac]

Fix for Application error: a client-side exception has occurred (see the browser console for more information). by ensuring the comments array has a valid length prior to attempting to map through it.

[balazsorban44]

Based on

next.js/examples/blog-with-comment/components/comment/list.tsx

Line 6 in cc1d40f

comments?: Comment[];

It looks like the comments type is guaranteed to be an array. A .map-ing 0-length array should not cause the mentioned issue.

On the other hand, the comments type is optional, so comments.length actually might cause a runtime issue, if comments is undefined.

I suggest opening a bug report first if you experience an issue.

[aumbriac]

Based on

next.js/examples/blog-with-comment/components/comment/list.tsx

Line 6 in cc1d40f

comments?: Comment[];

It looks like the comments type is guaranteed to be an array. A .map-ing 0-length array should not cause the mentioned issue.

On the other hand, the comments type is optional, so comments.length actually might cause a runtime issue, if comments is undefined.

I suggest opening a bug report first if you experience an issue.

I opened a bug report here: #61941

FYI, this issue is occurring in production: https://blog-with-comment.vercel.app/posts/prancing-pony

Have a nice day :)