Show retrieves only ID

export const ShowBusiness = () => {
  const { queryResult } = useShow({
    resource: 'businesses',
  });
  const { data, isFetching, isError, refetch } = queryResult;
  const business = data?.data;

  const go = useGo();
  const goToListPage = () => {
    go({
      to: { resource: 'businesses', action: 'list' },
      options: { keepQuery: true },
      type: 'replace',
    });
  };
  return (
    <Row justify="center" gutter={[32, 32]}>
      <Col xs={24} xl={8}>
        <Show
          canDelete
          canEdit
          goBack={<Button>←</Button>}
          breadcrumb={false}
          headerProps={{ onBack: goToListPage }}
        >
          <Text>{business?.id}</Text>
        </Show>
      </Col>
    </Row>
  );
};

export const ShowBusiness = () => {
  const { queryResult } = useShow({
    resource: 'businesses',
  });
  const { data, isFetching, isError, refetch } = queryResult;
  const business = data?.data;

  const go = useGo();
  const goToListPage = () => {
    go({
      to: { resource: 'businesses', action: 'list' },
      options: { keepQuery: true },
      type: 'replace',
    });
  };
  return (
    <Row justify="center" gutter={[32, 32]}>
      <Col xs={24} xl={8}>
        <Show
          canDelete
          canEdit
          goBack={<Button>←</Button>}
          breadcrumb={false}
          headerProps={{ onBack: goToListPage }}
        >
          <Text>{business?.id}</Text>
        </Show>
      </Col>
    </Row>
  );
};