1import CircularProgress from '@mui/material/CircularProgress';
 2import * as React from 'react';
 3import { useParams } from 'react-router';
 4
 5import { useGetUserByIdQuery } from '../../components/Identity/UserIdentity.generated';
 6
 7import Identity from './Identity';
 8
 9const UserQuery: React.FC = () => {
10  const params = useParams<'id'>();
11  if (params.id === undefined) throw new Error('missing route parameters');
12
13  const { loading, error, data } = useGetUserByIdQuery({
14    variables: { userId: params.id },
15  });
16  if (loading) return <CircularProgress />;
17  if (error) return <p>Error: {error.message}</p>;
18  if (!data?.repository?.identity) return <p>404.</p>;
19  return <Identity identity={data.repository.identity} />;
20};
21
22export default UserQuery;