IonPopover trigger not working

Hello. Im getting this error when trying to use IonPopover:

JSX attribute) trigger: string
The type ‘{ children: Element; trigger:string; side:string; }’ cannot be assigned to type ‘IntrinsicAttributes & Pick<PopoverOptions, “id” | “cssClass” | “animate” | “mode” | “backdropDismiss” | … 6 more … | “event”> & { …; } & ReactOverlayProps & { …; } & RefAttributes<…>’.
Property ‘trigger’ does not exist on type ‘IntrinsicAttributes & Pick<PopoverOptions, “id” | “cssClass” | “animate” | “mode” | “backdropDismiss” | … 6 more … | “event”> & { …; } & ReactOverlayProps & { …; } & RefAttributes<…>’.ts(2322)

This is the code:

return (

      <IonPage >

        <IonHeader>

          <IonToolbar>

            <IonGrid>

              <IonRow id="header">

                <IonCol id="columna" size="1.5"><IonButtons ><IonMenuButton /> </IonButtons></IonCol>

                <IonCol id="columna2" ><Busqueda categorias={categorias} setCategorias={setCategorias} setProveedorBuscadoHook={setProveedorBuscadoHook} setBuscar={setBuscar} /></IonCol>

                <IonCol id="columna3" size="1.5">

                  <Card notify={notifications}></Card>

                </IonCol>

                <IonPopover trigger="columna3" side="top">

                  <IonContent>Popover Content</IonContent>

                </IonPopover>

                <IonCol id="columna3" size="1.5">

                    <img src={props.foto} id="foto-usuario" onClick={() => {  setShowModal({ isOpen: true});  setTipoDeVistaEnModal("datosUsuario")}}/>

                 </IonCol>

              </IonRow>

            </IonGrid>

          </IonToolbar>

        </IonHeader>

        <IonContent >
          <div id="ionContentHome">
         //Some Code
          </div>
        </IonContent>
      </IonPage>

  );

1 post - 1 participant

Read full topic