The fastest way to build a React chatbot

1function App() {
2  const me = {
3    id: "79302",
4    name: "Nina Caldwell",
5    email: "nina.caldwell@example.com", // for offline
6  };
7
8  const botUser = {
9    id: "bot",
10    name: "Helpful Bot 🤖",
11  };
12
13  const syncUser = useCallback(() => {
14    return new Talk.User(me);
15  }, []);
16
17  const syncConversation = useCallback((session) => {
18    // Add users to the conversation
19    const conversation = session.getOrCreateConversation(
20      Talk.oneOnOneId(me, botUser)
21    );
22    conversation.setParticipant(session.me);
23    conversation.setParticipant(new Talk.User(botUser));
24    return conversation;
25  }, []);
26
27  return (
28    <Session appId="<APP_ID>" syncUser={syncUser}>
29      <Chatbox syncConversation={syncConversation} className="chat-container" />
30    </Session>
31  );
32}