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[bot]]

Thanks for opening your first issue! :wave: 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.