ReactJS - Como renderizar datos de funcion

import React, { useState, useEffect } from "react";

import axios from 'axios';

const App = () => {

  let [data, setData] = useState({});

  useEffect(() => {

    //usando axios

    axios.get('https://wwww.dummy.com/users/')

    .then(response => { setData(response.data) })

    .catch(err => console.log(err));

  }, []);

  return (

    <React.Fragment>

        <p>Estos son los datos obtenidos del servidor { JSON.parse(data) }</p>

    </React.Fragment>

  );

}

export default App;