Soy nuevo en el nodo y reacciono. Debo agregar filtros para buscar las columnas, mi problema es que soy novato con react. Entonces, ¿cómo puedo integrar esta funcionalidad?

esta es la pagina original

y tengo que agregar esto.

Entonces, ¿cómo puedo filtrar por nombre?

 <div> <div className="p-grid crud-demo"> <div className="p-col-12"> <div className="card"> <DataTable value={allUserActive} header={header} responsiveLayout="scroll" paginator rows={25} rowsPerPageOptions={[25, 50, 75]} filterDisplay="row"> <Column field="name" header="Nombre Usuario"></Column> <Column field="group.name" header="Grupo" showFilterMenu={false} filter filterElement={statusRowFilterTemplate}></Column> <Column field="lastDate" header="Hora activo" body={lastDateBodyTemplate}></Column> <Column field="active" header="Estado" body={activeBodyTemplate}></Column> <Column field="activeSince" header="Inicio Jornada" body={activeSinceLeadBodyTemplate}></Column> <Column field="lastAssignedLead" header="Ultimo Lead" body={lastAssignedLeadBodyTemplate}></Column> </DataTable> </div> </div> </div> </div>