export function ListWrapper({ namespace }) {
  const [crd] = K8s.ResourceClasses.CustomResourceDefinition.useGet(
    '<any CRD>'
  );

  const crdCrlass = useMemo(() => {
    return crd?.makeCRClass();
  }, [crd]);

  return <List resourceClass={crdCrlass}/>;
}

interface ListProps {
  resourceClass: KubeCRD;
}

export function List(props: ListProps) {
  const namespace = "some-namespace"
  const queryData = {
    namespace
  };

  let filtered;
  let resource = undefined;
  if (props.resourceClass) {
    [resource] = props.resourceClass.useList(queryData);
    filtered = resource;
  }

  // This shouldn't be needed, but useList is not filtering properly
  if (resource) {
    console.log(resource?.length)
    filtered = resource.filter(
      item => item.jsonData.metadata.namespace === namespace
    );
    console.log(filtered?.length)
  }

  return <></>;
}