Search issue when create custom login page for Bypass route protection in theme/Route.js

[MuhammadArslan118]

Problem

Discription
I have create a Root.js file in src/theme/Root.js for Authentication The Setup like this.

import {
  Route,
  Switch,
  useHistory,
  useLocation,
} from "react-router-dom";
import BrowserOnly from "@docusaurus/BrowserOnly";
import Home from "../pages";
import Login from "../pages/login";
import VerifyEmail from "../pages/verifyemail";
import ResetPassword from "../pages/resetpassword";
import { calculateExpTime, logoutHandler, verifyToken } from "../utils/apis";
import { SnackbarProvider } from "../components/snackbar";
import FullpageLoader from "../components/fullpageLoader";
import About from "../pages/Glossary";
import toast, { Toaster } from 'react-hot-toast';
import ErrorOutlineIcon from '@mui/icons-material/ErrorOutline';
import TaskAltTwoToneIcon from '@mui/icons-material/TaskAltTwoTone';
import { LoadingProvider } from "../components/loadingContext/mainLoading";
// import { GoogleReCaptchaProvider } from 'react-google-recaptcha-v3';

// Default implementation, that you can customize
export default function Root({ children }) {
  const [auth, setAuth] = useState("");
  const [loading, setLoading] = useState(false);
  const [loginClicked, setLoginClicked] = useState(false);
  const history = useHistory()
  const handleLoginClick = () => {
    setLoginClicked(true);
  };
  const timeoutRef = useRef(null); // useRef to keep track of timeout ID
  useEffect(() => {
    const token = localStorage.getItem("token");
    const handleTokenVerification = async () => {
      try {
        setLoading(true);
        const tokenIsValid = await verifyToken(token);
        if (tokenIsValid) {
          localStorage.setItem("verified", true);
          setAuth(tokenIsValid);
          setLoading(false);
            history.push("/");
          }
          // setLoading(false);
          if (!timeoutRef.current) { // check if timeout already exists
            timeoutRef.current = setTimeout(() => {
              logoutHandler(history, toast);
            }, calculateExpTime(token));
          }
        } else {
          // handle token verification failure
        }
      } catch (error) {
        setLoading(false);
        // handle error
      }
    };
    handleTokenVerification();
    // Cleanup function to clear timeout on unmount
    return () => {
      if (timeoutRef.current) {
        clearTimeout(timeoutRef.current);
        timeoutRef.current = null
      }
    };
  }, [loginClicked, auth]);



  if (loading) {
    return <FullpageLoader />;
  }

  const switchRender = () => (
    <Switch>
      <Route exact path="/glossary" component={About} />
      <Route exact path="/forget-password" component={VerifyEmail} />
      <Route exact path="/reset-password/:token" component={ResetPassword} />
      <Route exact path="/login">
        {/* <GoogleReCaptchaProvider reCaptchaKey={recaptchaKey}> */}
        <Login onLoginClick={handleLoginClick} />
        {/* </GoogleReCaptchaProvider> */}
      </Route>
      <Route>
        {auth ? (
          <>{children}</>
        ) : (
          <div className="login">
            <Home />
          </div>
        )}
      </Route>
    </Switch>
  );

  return (
    <React.Fragment>
      <Toaster
        position="bottom-left"
        toastOptions={{
          success: {
            style: {
              background: '#fff',
              color: "#4445fb",
              fontFamily: "InterSemibold",
            },
            duration: 5000,
            icon: <TaskAltTwoToneIcon />
          },
          error: {
            style: {
              background: '#fff',
              color: "#d32f2f",
              fontFamily: "InterSemibold",
            },
            duration: 5000,
            icon: <ErrorOutlineIcon />
          },
        }}
      />
      <SnackbarProvider>
        <LoadingProvider>
          <BrowserOnly>{switchRender}</BrowserOnly>
        </LoadingProvider>
      </SnackbarProvider>
    </React.Fragment>
  );
}

its working good! but the lunr search is not working i have tried lots of way to resolve it but all the tries failed please help me to resolve this issue. Thanks