ayoisaiah

import React, { useEffect } from 'react';
import './App.css';
import { useAuth0 } from './auth0';

function App() {
  useEffect(() => {}, []);

  const { loading, user, loginWithRedirect } = useAuth0();

  if (loading) {

ayoisaiah

html {
  box-sizing: border-box;
}

*, *::before, *::after {
  box-sizing: inherit;
  margin: 0;
  padding: 0;
}

ayoisaiah

npm install stream-chat stream-chat-react axios

ayoisaiah

import React, { useState, useEffect } from 'react';
import {
  Chat,
  Channel,
  Thread,
  Window,
  ChannelList,
  ChannelListTeam,
  MessageList,
  MessageTeam,

ayoisaiah

import React, { useEffect } from 'react';
import './App.css';
import { useAuth0 } from './auth0';
import ChatView from './Chat';

function App() {
  useEffect(() => {}, []);

  const { loading, user, loginWithRedirect } = useAuth0();

ayoisaiah

heroku git:remote -a <app name>

ayoisaiah

heroku config:set STREAM_API_KEY=<your api key>
heroku config:set STREAM_API_SECRET=<your api secret>
heroku config:set MONGODB_URI=<your mongodb atlas connection string>

ayoisaiah

npm install netlify-cli -g

ayoisaiah

npm run build

ayoisaiah

// src/pages/Auth.tsx

import React from 'react';
import 'react-bulma-components/dist/react-bulma-components.min.css';
import './Auth.css';

function Auth(props: any) {
  const {
    auth,
    setAuth,