PageTwo.tsx

import React from "react";

import { useGlobalState } from "./GlobalStateProvider";

const PageTwo = () => {
  const { state } = useGlobalState();

  return (
    <div>
      <h1>State from PageOne:</h1>

      <h2>Name:</h2>
      <p>{`${state.firstname} ${state.lastname}`}</p>

      <h2>Age:</h2>
      <p>{state.age}</p>
    </div>
  );
};

export default PageTwo;