Super expression error in Next 13

You may have experienced super expression error in Nextjs 13 app with appdir feature.

The error will raise when declare client-side component in app 📂, the app 📂 is server side by default.

The solution is to this is to mark the component as client by placing

 'use client';

at the top of the component declaration.

Reference

• Array map to new type in TypeScript
• Create a dark mode theme switch in Nextjs 13
• Not found page UI in Nextjs 13
• Implementing a loading UI in Nextjs 13
• How to fetch data in Nextjs 13 appDir
• How to use Turbopack build tool in Nextjs project
• Super expression error in Next 13
• Try Next 13 experimental App feature
• Integrate contentful CMS in Nextjs
• How to build a blog using Tailwind + Graphql + Nextjs