diff --git a/gatsby/components/BugsTest.jsx b/gatsby/components/BugsTest.jsx index 9a0a532..1902165 100644 --- a/gatsby/components/BugsTest.jsx +++ b/gatsby/components/BugsTest.jsx @@ -1,18 +1,23 @@ import React, { useState, useEffect } from "react" +import CodeSvg from "./CodeSvg" export default function BugsTest(props) { const [names, setNames] = useState([]) + const [dataFetched, setDataFetched] = useState(false); useEffect(() => { const fetchData = async () => { - const data = await fetch("/data.json").then(response => response.json()) - console.log(data) - if (data?.length) { - setNames(data) + if (!dataFetched) { + const data = await fetch("/data.json").then((response) => response.json()); + if (data?.length) { + setNames(data); + setDataFetched(true); + } } - } - fetchData() - }, [data]) + }; + + fetchData(); + }, [dataFetched]); return ( <> @@ -53,9 +58,11 @@ export default function BugsTest(props) {
- {names?.forEach((n, i) => { + {names?.map((n, i) => { return ( -