diff --git a/components/DocWrapper.jsx b/components/DocWrapper.jsx
deleted file mode 100644
index 129e5c7..0000000
--- a/components/DocWrapper.jsx
+++ /dev/null
@@ -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
\ No newline at end of file
diff --git a/components/Link.jsx b/components/Link.jsx
index a1bd13d..94c357f 100644
--- a/components/Link.jsx
+++ b/components/Link.jsx
@@ -8,6 +8,7 @@ const Link = ({hash,title}) =>{
         window.location.hash = hash;
       }
       
+      
     return <a onClick={handleLink} className="navlink">{title}</a>
 }
 
diff --git a/docs/create-modify-element.mdx b/docs/create-modify-element.mdx
index 7d6485a..d530195 100644
--- a/docs/create-modify-element.mdx
+++ b/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>
\ No newline at end of file