diff --git a/src/components/Logout.tsx b/src/components/Logout.tsx
index b0669342..2d033032 100644
--- a/src/components/Logout.tsx
+++ b/src/components/Logout.tsx
@@ -1,15 +1,21 @@
 import * as React from "react";
-import { useEffect } from "react";
+import { useContext, useEffect } from "react";
 import { User } from "@models/userModel";
 import { useLoggedUser } from "@hooks/useLoggedUser";
+import { isUsingOidcAuth } from "@utils/OidcUtils";
+import { AuthContext } from "@oidc/OidcAuthWrapper";
 
 const Logout = () => {
   const [_, setLoggedUser] = useLoggedUser();
-
+  const authCtx = useContext(AuthContext);
   useEffect(() => {
-    setLoggedUser({
-      authenticated: false,
-    } as User);
+    if (isUsingOidcAuth()) {
+      authCtx.logout();
+    } else {
+      setLoggedUser({
+        authenticated: false,
+      } as User);
+    }
   }, []);
 
   return <div>Logging out!</div>;