Address next build warnings

Author: mitchellh

src/components/custom-mdx/index.tsx

@@ -30,7 +30,7 @@ export default function CustomMDX({ content }: CustomMDXProps) {
     // When we do a client-side navigation to another page
     // the content will change & we will need to do a reset.
     resetHeaderIdsInView();
-  }, [content]);
+  }, [content, resetHeaderIdsInView]);
 
   return (
     <div className={s.customMDX}>

src/components/jumplink-header/index.tsx

@@ -29,7 +29,7 @@ export default function JumplinkHeader({
   const updateHeaderIdInView = useStore((state) => state.updateHeaderIdInView);
   useEffect(() => {
     updateHeaderIdInView(inView, id);
-  }, [inView]);
+  }, [inView, id, updateHeaderIdInView]);
 
   return (
     <div className={s.jumplinkHeader} id={id}>

src/components/mermaid/index.tsx

@@ -14,6 +14,7 @@ export default function Mermaid({ chart, id, className = "" }: MermaidProps) {
 
   useEffect(() => {
     let mermaidInstance: any;
+    const element = elementRef.current;
 
     const renderMermaid = async () => {
       try {
@@ -78,8 +79,7 @@ export default function Mermaid({ chart, id, className = "" }: MermaidProps) {
 
         mermaidInstance = mermaid;
 
-        if (elementRef.current) {
-          const element = elementRef.current;
+        if (element) {
           element.innerHTML = "";
 
           const diagramId =
@@ -136,8 +136,8 @@ export default function Mermaid({ chart, id, className = "" }: MermaidProps) {
     renderMermaid();
 
     return () => {
-      if (elementRef.current) {
-        elementRef.current.innerHTML = "";
+      if (element) {
+        element.innerHTML = "";
       }
     };
   }, [chart, id]);