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 ( - + {n?.first} {n?.last} @@ -68,7 +75,7 @@ export default function BugsTest(props) {

Test SVG

- +
) diff --git a/gatsby/components/CodeSvg.jsx b/gatsby/components/CodeSvg.jsx new file mode 100644 index 0000000..febd161 --- /dev/null +++ b/gatsby/components/CodeSvg.jsx @@ -0,0 +1,12 @@ +import React from "react" + +const CodeSvg = () => { + + return ( + + + + ) +} + +export default CodeSvg