Estoy tratando de hacer una recuperación de API simple con axios a través de un formulario simple, entrada, y todo funciona bien hasta que paso el usuario a mi axio get.

primer error: GET https://api.github.com/users/$%7Buser%7D 404 segundo error: createError.js:16 No detectado (en promesa) Error: la solicitud falló con el código de estado 404 '''

 function App() { let getUser = (e) =>{ e.preventDefault() const user = e.target.elements.username.value axios.get("https://api.github.com/users/${user}") .then((res) => { console.log(res) }) } return ( <div className="App"> <header className="App-header"> <h1 className="App-title">HTTP&API</h1> </header> <UserForm getUser={getUser}/> </div> ); }

'''

Soy nuevo en un desarrollador web, cualquier ayuda sería apreciada.