Nothing rendering in DOM after state change in componentDidMount() method

Solution for Nothing rendering in DOM after state change in componentDidMount() method
is Given Below:

I have a class where I make a GET request with Axios within an async function, then, within a componentDidMount() method I set the state with the data returned by the async function.

Within the render method, I have an if/else statement to return null if the state is not set yet, else to render the HTML.

However, nothing is being rendered in the DOM, but there are no errors either. Can someone help me see what am I missing, please?

Here is my code:

import React, { useState, useEffect } from 'react'
import axios from 'axios'
import {DeleteRequest, GetRequest} from "../../utils/requests";

export default class Test extends React.Component {
    constructor(props) {
        super(props);
        this.state = {
            contact: {},
            history: {}
        };
    }

    async getContact() {
        const slug = this.props.match.params.slug
        const url = "http://localhost:3000/api/v1/contacts/" + slug + ".json"

        return GetRequest(url)
    }

    componentDidMount() {
        this.getContact()
            .then(resp => {
                this.setState(
                    {
                        contact: resp.data.data.attributes,
                        history: resp.data.included
                    }
                )
            })
            .catch( error =>
                console.log(error)
            )
    }

    render() {
        const {contact} = this.state.contact;
        const {history} = this.state.history;

        if (contact === undefined || Object.keys(contact).length === 0) {
            return null
        } else {
            const name = `${contact.first_name} ${contact.last_name}`
            return (
                <div>HI</div>
            );
        }
    }
}

The GetRequest method is:

export const GetRequest = (url) => {

    return axios.get(url)
        .catch( error => {
            console.log(error)
        })
}

Edit:
adding an debugger within .then and typing resp.data.data.attributes returns this:

enter image description here