import dynamic from 'next/dynamic';

const SendbirdApp = dynamic(() => import('@sendbird/uikit-react/App'), {

  ssr: false,

});

import '@sendbird/uikit-react/dist/index.css';

import styles from '../styles/conversations.module.css';

​

export default function Conversations() {

  const USER_ID = '002';

  return (

    <div className={styles.App}>

      <SendbirdApp

        // Add the two lines below.

        appId={'E556C1C7-011B-4511-8C7A-ADBAA7AB799F'} // Specify your Sendbird application ID.

        userId={USER_ID} // Specify your user ID.

      />

    </div>

  );

}