The useParams hook is used to retrieve the route parameters form the current URL. It returns an object of key/value pairs of the dynamic params…

Syntax: import { useState } from "react"; import ReactDOM from "react-dom/client"; function SignIn(){ const [ userName, setUserName ] = useState(""); return ( <> <h1>SignIn</h1> <input…