He intentado al menos filtrar una tabla en función de una cadena de etiquetas o elementos del menú desplegable (uno de ellos es superadministrador): he intentado usar los filtros useEffect It ahora si hago clic en la etiqueta de superadministrador. pero la matriz userRoleclicked no se actualiza cuando se seleccionan o deseleccionan otras etiquetas. en su lugar, sobrescribe la matriz. Además, en la interfaz de usuario, no puede hacer clic en varios elementos del menú desplegable, excepto uno. estoy atascado y no se que hacer

el código:

 const [searchClinicianRoles, setSearchClinicianRoles] = useState<string[]>([]); useEffect(() => { if (searchClinicianRoles.includes("Super admin")) { const filteredAclsByDropdown = allAcls.filter((a) => a.acl?.super_admin); setFilteredAcls(filteredAclsByDropdown); } }, [searchClinicianRoles, allAcls]); ------------------------------------------------------------------------------------ //for the filter button onSelectedItemsChange={(selectedItems) => { const userRolesClicked = selectedItems.map( (selectedItem) => selectedItem.label ); setSearchClinicianRoles(userRolesClicked); }}

esto es lo que estoy tratando de lograr: