useParamsExample.tsx

<Route path="/profile/:username" element={<ProtectedRoute user={user}><UseParamsExample /></ProtectedRoute>} />

import { useNavigate, useParams } from "react-router-dom";

const UseParamsExample: React.FC = () => {
    let navigate = useNavigate();
    let { username } = useParams();

    return (
        <div className="profile">
            Profile: {username}
        </div>
    );
}

export default UseParamsExample