Remove DocWrapper usage

components/DocWrapper.jsx

@@ -1,24 +0,0 @@
-import React from "react"
-import { useEffect } from "react"
-
-const DocWrapper = ({children})=>{
-
-   useEffect(()=>{
-    let hash = location.hash.substring(1);
-    // Remove scroll restoration when there is a hash of length > 0.
-    if (hash.length!==0 && "scrollRestoration" in history) {
-      history.scrollRestoration = "manual"
-    }
-    // Check if the hash type is a Docusauraus link or a reference link within document.
-    let isDocusaurusLink = (hash.substring(0,4) !== "link")
-    let targetElement;
-    targetElement = document.getElementById(hash)
-    if(!targetElement)return
-    if(isDocusaurusLink)
-    targetElement.scrollIntoView(true)
-   },[])
-
-   return <>{children}</>
-}
-
-export default DocWrapper

components/Link.jsx

@@ -8,6 +8,7 @@ const Link = ({hash,title}) =>{
         window.location.hash = hash;
       }
       
+      
     return <a onClick={handleLink} className="navlink">{title}</a>
 }
 

docs/create-modify-element.mdx

@@ -9,9 +9,6 @@ import Admonition from "../components/Admonition"
 import Accordion from "../components/Accordion"
 import Link from "../components/Link"
 import MDN from "../components/MDNBadge"
-import DocWrapper from "../components/DocWrapper"
-
-<DocWrapper>
 
 :::note DOM interfaces
 Every kind of **DOM** node is represented by an interface based on **Node** interface.   
@@ -248,5 +245,3 @@ outerEle.appendChild(fragment)
 --------
 
 In the next section, we'll see how to read information from a DOM element.
-
-</DocWrapper>