How to retrieve the optional claims of azure app

in this azure site its mentioned how it can add optional claims

so I added family_name, given_name in following way

then how can I retrieve this in application side

in your sample application its sharing the following details only

import React from "react";
import { Container, Row, Col } from "reactstrap";

import Highlight from "../components/Highlight";
import Loading from "../components/Loading";
import { useAuth0, withAuthenticationRequired } from "@auth0/auth0-react";

export const ProfileComponent = () => {
  const { user } = useAuth0();

  return (
    <Container className="mb-5">
      <Row className="align-items-center profile-header mb-5 text-center text-md-left">
        <Col md={2}>
            className="rounded-circle img-fluid profile-picture mb-3 mb-md-0"
        <Col md>
          <p className="lead text-muted">{}</p>
        <Highlight>{JSON.stringify(user, null, 2)}</Highlight>

export default withAuthenticationRequired(ProfileComponent, {
  onRedirecting: () => <Loading />,