no puedo mostrar los datos en react datatable

Estoy tratando de mostrar los datos con react… no me los muestra… en el php me los trae bien.

No se si me está faltando algo, pero no me tira ningún error

Archivo de react:

import React, { useState, useEffect, useRef } from 'react';
import axios from 'axios';
import { DataTable } from 'primereact/datatable';
import { Column } from 'primereact/column';
import { Button } from 'primereact/button';
import { Sidebar } from 'primereact/sidebar';
import { ItemsActual } from '../service/ItemsActual';

export const DetallesPedidoActual = () => {


    const [visibleRight, setVisibleRight] = useState(false);
    const [itemsactual, setItemsActual] = useState(null);
    const [selectedItemsActual, setSelectedItemsActual] = useState(null);
    const dt = useRef(null);

    useEffect(() => {
        const itemactual = new ItemsActual();
        itemactual.getActual().then(data => setItemsActual(data));
    }, []);


    const cantidadPlantilla = (rowData) => {
        return (
            <>
                <span className="p-column-title">Id</span>
                {rowData.cantidad}
            </>
        );
    }


    return (
        <div>
            <Button type="button" className="p-button-warning" onClick={() => setVisibleRight(true)}>Ver pedido<i className="pi pi-shopping-cart p-c" style={{ fontSize: '2rem' }}></i></Button>    
            <Sidebar visible={visibleRight} onHide={() => setVisibleRight(false)} baseZIndex={1000} position="right">
                <h1 style={{ fontWeight: 'normal' }}>Right Sidebar</h1>
                <DataTable ref={dt} value={itemsactual} selection={selectedItemsActual} onSelectionChange={(e) => setSelectedItemsActual(e.value)}
                dataKey="id" className="datatable-responsive">
                    <Column className="datoitemactual" field="cant" header="Cantidad" body={cantidadPlantilla}></Column>
                </DataTable>
               {/*  <Button type="button" onClick={() => setVisibleRight(false)} label="Save" className="p-button-success" style={{marginRight: '.25em'}} />
                <Button type="button" onClick={() => setVisibleRight(false)} label="Cancel" className="p-button-secondary" /> */}
            </Sidebar>    
        </div>
    )
}

Acrchivo donde intento traer con GET los datos

import axios from ‘axios’;

export class ItemsActual {

getActual() {
return axios.get(‘faros_web/API/pedidos/itemspedidos.php’).then(res => res.data);
}

}

Desde ya, muchas gracias!

Soy nuevo en esto.