He usado react-data-table-component en mi aplicación Reactjs. En mi columna personalizada, estoy usando etiquetas de anclaje como botones y estoy usando íconos de plumas para eso. El problema es que los iconos no se muestran. A veces se muestra cuando hago clic en cualquier otro enlace de la página. Estoy iniciando el ícono de la pluma dentro del gancho useEffect. ¿Cómo puedo arreglar esto?

 const columns = [ { name: 'S/N', selector: row => row.u_id, }, { name: 'Username', selector: row => row.username, }, { name: 'Action', cell: row => <><a href="javascript:void(0)" onClick={(e) => getUser(e, row.u_id)}><span data-feather="edit"></span></a><a href="javascript:void(0)" onClick={(e) => deleteUser(e, row.u_id)}><span data-feather="trash"></span></a></> }, ]; useEffect(() => { feather.replace() }, []); <DataTable columns={columns} data={users} pagination />