你好，我正在为一个解决方案雇用我的显示不工作，我的表的行。光标不改变，让我点击一行，即使我点击什么也没有发生。这是我的代码

//in App.tsx
<Admin dataProvider={DataProvider} authProvider={authProvider}>
    <Resource name="users" list={UsersList} show={UserShow}/>
  </Admin>

// in users.tsx
export const UsersList = () => {
  // const isSmall = useMediaQuery((theme : any) => theme.breakpoints.down("sm"));
  return (
    <List filters={userFilters}>
        <Datagrid>
          <TextField source="id" />
          <TextField source="firstname" />
          <TextField source="lastname" />
          <EmailField source="email" />
          <TextField source="phone" />
          <TextField source="candidatureStatus"  />
          <TextField source="created_at" />
        </Datagrid>
    </List>
  );
};
export const UserShow = () => (
  <Show>
    <SimpleShowLayout>
      <TextField label="test" source="email" />
      <TextField source="firstname" />
      <TextField source="lastname" />
    </SimpleShowLayout>
  </Show>
  )

即使我按照React管理教程我不能显示一个showScreen