fix: navigation on mobile v5

Author: nikhiltidke101

custom-implementation/src/main.tsx

@@ -18,16 +18,16 @@ const render = async () => {
 
   const data = await getPageData()
   const theme = document.getElementsByTagName('html')[0].getAttribute('class')
-  const sidenav = document.querySelector('button.fern-search-bar')
-    ?.parentElement as HTMLElement
 
   if (!document.getElementById('theme-switch')) {
-    const wrapper = document.createElement('div')
-    wrapper.setAttribute('id', 'theme-switch')
-    if (sidenav) {
+    if (document.querySelector('button.fern-search-bar') !== null) {
+      const sidenav = document.querySelector('button.fern-search-bar')
+        ?.parentElement as HTMLElement
+      const wrapper = document.createElement('div')
+      wrapper.setAttribute('id', 'theme-switch')
       sidenav.appendChild(wrapper)
+      ReactDOM.render(React.createElement(ThemeSwitch), wrapper)
     }
-    ReactDOM.render(React.createElement(ThemeSwitch), wrapper)
   }
 
   ReactDOM.render(