Column Filtering: when column is an array?

  export const data: TeamMember[] = [
    {
      id: "1",
      src: "/user.jpg",
      alt: "User",
      name: "user",
      description: "@user",
      status: "active",
      role: "Product Designer",
      email: "[email protected]",
      teams: ["Design", "Product", "Marketing", "Engineering"],
    },
  ];

    {
      accessorKey: "status",
      header: "Status",
      cell: ({ row }) => renderSnippet(statusCell, { row }),
      filterFn: "enum",
      meta: {
        filterType: "enum",
      },
    },

export const enumFilterFn = (row, columnId, filterValues: string[] | undefined) => {
  if (!filterValues?.length) return true;
  const cellValue = row.getValue(columnId);

  if (Array.isArray(cellValue)) {
    return cellValue.some((v) => filterValues.includes(v));
  }

  return filterValues.includes(cellValue);
};

 {#each Array.from(column
        .getFacetedUniqueValues()
        .keys()) as uniqueValue}
      <Checkbox
        label={uniqueValue}
        name={uniqueValue}
        for={uniqueValue}
        labelProps={{ class: "capitalize" }}
        checked={(column.getFilterValue() ?? []).includes(
          uniqueValue,
        )}
        onCheckedChange={(v) => {
          const current: string[] = column.getFilterValue() ?? [];

          const next = v
            ? [...current, uniqueValue] // add value if checked
            : current.filter((val) => val !== uniqueValue); // remove if unchecked

          column.setFilterValue(next.length ? next : undefined);
        }}
      />
    {/each}