`useVisitor` hook

1 files changed, 4 insertions, 2 deletions

diff --git a/vnext/src/ui/Header.js b/vnext/src/ui/Header.js
index 3162c9ea..db8959ea 100644
--- a/vnext/src/ui/Header.js
+++ b/vnext/src/ui/Header.js
@@ -4,8 +4,10 @@ import { Link, useNavigate } from 'react-router-dom';
 import Icon from './Icon';
 import { UserLink } from './UserInfo';
 import SearchBox from './SearchBox';
+import { useVisitor } from './VisitorContext';
 
-function Header({ visitor, className }) {
+function Header() {
+    const [visitor] = useVisitor();
     const navigate = useNavigate();
     /**
      * @param {string} searchString
@@ -17,7 +19,7 @@ function Header({ visitor, className }) {
         navigate(location);
     }, [navigate]);
     return (
-        <div id="header" className={className}>
+        <div id="header">
             <div id="header_wrapper">
                 {
                     visitor.uid < 0 ?