Не могу отобразить данные с сервера

Не могу отобразить данные, которые получаю с сервера:

import React from 'react'
import {MDBTable, MDBTableBody, MDBTableHead, MDBContainer, MDBCol} from 'mdbreact';
import Header from '../Register/stepData/Header'
import {MDBDataTable} from 'mdbreact';
export default class PriceList extends React.Component {
    constructor(props) {
        super(props)
        this.state = {
            services: []
        };
    }
    renderServices  = arr => {
        return {
            columns: [
                {
                    label: '№',
                    field: 'number',
                    sort: 'asc',
                    width: 270
                },
                {
                    label: 'Название Услуги',
                    field: 'title',
                    sort: 'asc',
                    width: 150
                },
                {
                    label: 'Цена',
                    field: 'position',
                    sort: 'asc',
                    width: 270
                },
            ],
            rows: arr.data.map(item => ({
                number: item.id_service,
                title: item.title,
                office: item.price,
            }))
        };
    }
    getServices = _ => {
        fetch('http://localhost:3001/prices')
            .then(response => response.json())
            .then(response => this.setState({services: response.data}))
            .catch(err => console.log(err))
    }
    componentDidMount() {
        this.getServices();
    }
    render() {
        const {services} = this.state
        console.log(services)
        return (
            <>
                <Header/>
                <MDBContainer>
                    <MDBDataTable
                        hover
                        data={services.map(this.renderServices)}
                    />
                </MDBContainer>
            </>
        )
    }
}