App.js

import './App.css'
import { useEffect, useState } from "react"
import axios from "axios"

// In package.json, add: 
// "proxy": "http://api.wolframalpha.com/v2",
const BASE = "/query?input=pi&appid="
const APP_ID = "W766VX-QK99987KQ6"
const URL = BASE + APP_ID

function App() {
  const [data, setData] = useState(null)

  useEffect(() => {
    async function getData() {
      const apiCall = await axios.get(URL)
      setData(JSON.stringify(apiCall))
      console.log(data)
    }
    getData()
  }, [])

  return (
    <div className="App">
      <p>{data}</p>
    </div>
  )
}

export default App