I have a JSON object of some random numbers. Initially, I get an empty object, but then it gets updated through props.

```
summary: {
    numbers: {"123": 45,"678": 9,"101": 11},
    other-stuff: "some other stuff"
}

```

I want to render numbers something like this,

```
123 => 45
678 => 9
101 => 11

```

Not sure what I am doing wrong here

```
getNumbers() {
    if (this.props.summary.numbers) {
        return this.props.summary.numbers.map( (num, key) => {
            return <p>{key} => {num}</p>;
        });
    } else {
        return <p>data is not available</p>;
    }
}

public render(): JSX.Element {
    return (
        <div>{this.getNumbers}</div>
    );
}

```