fix heading errors

components/components.jsx

@@ -6,6 +6,7 @@ import { onlyText } from "react-children-utilities";
 
 import { ContentLayout } from "../layouts/contentLayout";
 import { Image } from "./media";
+import { useRouter } from "next/router";
 
 const H2IdContext = createContext({
   store: [],
@@ -29,12 +30,13 @@ export const AppProvider = ({ children }) => {
       const text = onlyText(props.children);
       // get id or generate id from children
       const id = (props.id || text.replace(/\s/g, "-")).toLowerCase();
+      const { asPath } = useRouter();
       useEffect(() => {
         // add {id, text} to store if not present
         if (!store.find((item) => item.id === id)) {
-          setStore([...store, { level, id, text }]);
+          setStore([...store, { level, id, text, route:asPath }]);
         }
-      }, [id, text]);
+      }, [id, text, asPath]);
 
       return <Component {...{ id, ...props }} />;
     };

layouts/contentLayout.jsx

 import { useMemo } from "react";
 import { BasicLayout } from "./basicLayout";
 import { useH2Id } from "../components/components";
+import { useRouter } from "next/router";
 
 const TOC = () => {
   const store = useH2Id();
+  const { asPath } = useRouter();
 
   // map store to layered headings for nested lists, levels 0 and 1
   const headings = useMemo(
     () =>
       store
+        .filter((item) => item.route === asPath)
         .map(({ text, id, level }) => {
           return { text, id, level, children: [] };
         })
@@ -19,13 +22,19 @@ const TOC = () => {
             try {
               acc[acc.length - 1].children.push(heading);
             } catch (error) {
-              acc.push(heading);
+              acc.push({
+                text: "",
+                id: "",
+                level: 0,
+                children: [heading],
+              });
             }
           }
           return acc;
         }, []),
-    [store]
+    [store, asPath]
   );
+  console.log({store})
 
   // https://static.igem.wiki/teams/4275/wiki/toc-celly.png
   // add this image of celly hanging on toc to top right corner