Use hash for expanding.

Author: pelusanchez

src/components/GenerateBlocks.tsx

@@ -62,9 +62,6 @@ const GenerateBlocks = ({
   markdownParsingOptions?: MarkdownToJSX.Options
 }) => {
 
-  // Anchor fixture
-  useAnchor();
-  
   return (
     <>
       {blocks &&
@@ -83,18 +80,13 @@ const GenerateBlocks = ({
         })}
     </>
   )
-};
-
-export { GenerateBlocks, supportedTypes }
-
-const useAnchor = () => {
-
 }
 
+export { GenerateBlocks, supportedTypes }
 
 const Anchor = styled.a`
-  position: relative; 
-  display: none; 
-  visibility: hidden; 
+  position: relative;
+  display: none;
+  visibility: hidden;
   height: 0;
-`;
+`

src/utils/useHashSelected.ts

@@ -1,9 +1,9 @@
-import { useEffect, useMemo, useState } from "react"
+import { useEffect, useMemo, useState } from 'react'
 
 export const useHashSelected = (targetHash?: string) => {
   const [hash, setHash] = useState<string>()
 
-  const updateHash = () => setHash(getHash());
+  const updateHash = () => setHash(getHash())
 
   useEffect(() => {
     updateHash()
@@ -17,9 +17,9 @@ export const useHashSelected = (targetHash?: string) => {
     if (!targetHash) {
       return false
     }
-    
+
     const firstPart = hash?.split('__')[0]
-    const result = "#" + targetHash === firstPart
+    const result = '#' + targetHash === firstPart
     return result
   }, [hash, targetHash])
 }