Update class components into functional components

[sanalpanicker]

Importing class-based components into Nextjs 13 forces users to render their components as client components with 'use client'.
https://nextjs.org/docs/getting-started/react-essentials

[welcome]

Thanks for opening your first issue! 👋
If you have found this library helpful, please star it. A maintainer will try to respond within 7 days. If you haven’t heard anything by then, please bump this thread.