FIrebase Google Auth Logout Error Connection refused - reactjs

Question

I am trying to implment google auth into my firebase project. I am succesully able to login into the app but the problem happens at logout.
I receive the error
GET http://localhost:4000/auth/logout net::ERR_CONNECTION_REFUSED
This seems to be an issue with my logout route which is defined in the code as this
export default function Dashboard() {
const [error, setError] = useState("");
const history = useHistory();
async function handleLogout() {
setError("");
axios({
method: "GET",
withCredentials: true,
url: "/auth/logout",
})
.then((res) => {
Auth.deauthenticateUser();
history.push("/login");
})
.catch((err) => {
console.log(err.response.data.message);
});
}
return (
<div>
{error && <p>{error}</p>}
<h2>Home</h2>
<p>Signed In</p>
<button variant="link" onClick={handleLogout}>
Log Out
</button>
</div>
);
}
I think there is an issue with my logout route, any help would be appreciated.
Login Code
function onGoogleSubmit(e) {
e.preventDefault();
var provider = new firebase.auth.GoogleAuthProvider();
provider.setCustomParameters({
prompt: 'select_account'
})
firebase
.auth()
.signInWithPopup(provider)
.then((result) => {
setError("");
console.log(result.user);
Auth.authenticateUser();
history.push("/");
})
.catch((err) => {
setError(err.message);
});
}
return (
<div className="login-container">
<div className="login-shadow-box">
<button onClick={onGoogleSubmit}>Google</button>
</div>
</div>
</div>
);

Answer 1

axios({
method: "GET",
withCredentials: true,
url: "/auth/logout",
})
Axios will make a GET request at https://domain.tld/auth/logout. I'm not sure if that is server. But you can simply use signOut method to logout.
async function handleLogout() {
setError("");
firebase.auth().signOut()
.then((res) => {
Auth.deauthenticateUser();
history.push("/login");
})
.catch((err) => {
console.log(err.response.data.message);
});
}