Get user information on the frontend

To get user information, you can use the getUserId and getJWTPayloadSecurely methods:

import React from "react";
import Session from 'supertokens-auth-react/recipe/session';


// Authenticated only component
class Dashboard extends React.Component {

      constructor(props) {
            this.state = {
                  userId: Session.getUserId(),
                  jwtPayloadInfo: Session.getJWTPayloadSecurely(),
                  sessionExists: Session.doesSessionExist()
            }
      }

      render() {
            if (!this.state.sessionExists) {
                  // user is not logged in, redirect.
                  window.location.href = "/";
                  return null;
            }

            return (
                  // Your component for logged in user.
            )
      }
}

Do not call getUserId and getJWTPayloadSecurely inside the render function as it reads from the browser storage.