Filter a table field with outside component and state

const filter = superfoodsFilter
    ? [
        {
          field: "superfoods",
          operator: "eq",
          value: superfoodsFilter,
        },
      ]
    : [];
  const { tableProps: manuTableProps } = useTable({
    syncWithLocation: true,
    resource: "proposaled_components",
    filters: {
      initial: filter,
      permanent: [
        {
          field: "plan_id",
          operator: "eq",
          value: id,
        },
      ],
    },
  });

const filter = superfoodsFilter
    ? [
        {
          field: "superfoods",
          operator: "eq",
          value: superfoodsFilter,
        },
      ]
    : [];
  const { tableProps: manuTableProps } = useTable({
    syncWithLocation: true,
    resource: "proposaled_components",
    filters: {
      initial: filter,
      permanent: [
        {
          field: "plan_id",
          operator: "eq",
          value: id,
        },
      ],
    },
  });