Can't find OpenChannelModule as in tutorial

Sendbird Chat API/SDK JavaScript
1

I’ve successfully imported SendbirdChat from @sendbird/chat.
However, I cannot import OpenChannelModule as in tutorial.

import { OpenChannelModule } from ‘@sendbird/chat/openChannel’;
gives me

Unable to resolve module @sendbird/chat/openChannel from /app/hooks/useCachedResources.ts: @sendbird/chat/openChannel could not be found within the project or in these directories:
3

Hi @Jaehoon_Shim,

Welcome to the Sendbird Community!

I apologize that we’ve taken so long to get back to you on this. I gave this a test in my own React App and had no issues utilizing it. Here is my example component:

import React, { useEffect } from 'react';
import SendbirdChat from '@sendbird/chat';
import { OpenChannelModule, OpenChannelCreateParams } from '@sendbird/chat/openChannel';

export default function Chat() {
  const sb = SendbirdChat.init({
    appId: 'ADF3E3DA-51F9-4908-8235-5C38F389F632',
    modules: [new OpenChannelModule()],
  });

  useEffect(() => {
    const login = async () => {
      try {
        const user = await sb.connect('testUser10');
        console.log(user);
        const params = new OpenChannelCreateParams();
        const channel = await sb.openChannel.createChannel(params);
        console.log(channel);
      } catch (error) {
        console.error(error);
      }
    };

    login();
  }, []);

  return <div>chat</div>;
}
4

Hi Tyler,

Thanks for the warm welcoming.

Sorry for the lack of information — I’m using React Native(with Expo+Typescript), not React.

5

Ah okay. Let me try to reproduce this in React Native.

6

Please reproduce it with Expo.
Expo is the most used framework with React Native, and even the first choice to setup RN in its official document.
https://reactnative.dev/docs/environment-setup

  • Typescript.

I have also configured ‘allowSyntheticDefaultImports’ in tsconfig.json following the Sendbird javascript sdk