react-get-stream.jsx

import { useEffect } from "react";
import { connect } from "getstream";

const App = () => {

  useEffect(() => {
    
    const initialiseStream = async () => {
      
      // Fetch your token from the Express endpoint
      const streamToken = await fetch("/stream-token", {
        headers: {
          "Content-Type": "application/json",
          uid: FIREBASE_USER_UID,
        },
      });
  
      // Use the token in conjunction with your other Stream access keys
      const client = connect(STREAM_KEY, streamToken, STREAM_APP_ID);
  
      // Get that user feed combining the streamToken and your Firebase UID.
      // This is particularly important, because you use the FIREBASE UID to generate your Stream Token,
      // any time GetStream wants you to provide a `userId` it will always be a Firebase UID.
      //
      // In this case we are fetching the current logged in user, but if you wanted someone elses' stream,
      // you will need to provide the Firebase UID of the other user.
      const userFeed = await client.feed("user", FIREBASE_USER_UID, streamToken);
      
      // Grab that feed.
      const { results } = await feedClient.get();
      
      // After awaiting for so long, you can finally get your Feed on.
      console.log(results);
    };

    initialiseStream();
  }, []);

  return ("App");
};

export default App;