saving changes before trying link call method instead of history.push

src/components/profile/Profile.js

@@ -1,27 +1,62 @@
-import react from "react";
+import { React } from "react"
 import { useState, useEffect } from "react";
 
 export const Profile = () => {
     const [Users, fetchUsers] = useState([])
     const [currentuser, setcurrentuser] = useState(localStorage.getItem("graphicsbaytracker_customer"))
-    const [currentUsertrackedcards, setcurrentUsertrackedcards] = useState([]))
+    const [currentUsertrackedcards, setcurrentUsertrackedcards] = useState([])
 
     useEffect(
         () => {
             fetch("http://localhost:8088/trackedCards?_expand=cardDataId")
                 .then(res => res.json())
                 .then(setcurrentUsertrackedcards)
-        },[])
+        }, [])
         useEffect(
             () => {
                 fetch("http://localhost:8088/users")
                     .then(res => res.json())
                     .then(fetchUsers)
-            },[])
+            }, [])
         return(
           <>
-          {/* why is this returning duplicate elements?*/}
+          {/* why is my code returning duplicate elements?*/}
         <p>returning something. This is a test</p>
+        <table>
+            <tr>
+            <th>Brand</th>
+            <th>Model</th>
+            <th>Price</th>
+            </tr>
+        < tr >
+
+
+            {
+                currentUsertrackedcards.map(
+                    gpudataobj => {
+
+                        return ( <>
+                            <p key = {
+                                `gpudataobj--${gpudataobj.id}`
+                            } > {
+                                gpudataobj.cardDataId.oem
+                            } {
+                                gpudataobj.cardDataId.brand
+                            } {
+                                gpudataobj.cardDataId.model
+                            } {
+                                gpudataobj.cardDataId.price
+                            } </p>   {
+                                 <button >Remove from Tracked Cards</button>
+                                }
+                                </>
+                                )
+
+                            }  )
+                        }
+          
+</tr>
+                    </table>
           </>  
         )
 }