main props

src/components/City/City.js

@@ -109,7 +109,8 @@ const City = (props) => {
     <button
       onClick={() => {
         route('/second')
-        setUserData(prevUserData => ({ ...prevUserData, selectedCity: selectedCity}));
+        setUserData({selectedCity: selectedCity});
+        console.log(selectedCity);
     }}
       className="animated-button"
       style={{

src/components/Main/Main.js

@@ -1,13 +1,10 @@
-import React, {useState, useEffect} from "react";
+import React, { useEffect } from "react";
 
-
-const Main = (props) => {
-
-    const city = props.selectedCity;
-    const id = props.identification;
+const Main = ({userData}) => {
 
     useEffect(() => {
-        console.log(city && id);
+        console.log(userData.selectedCity);
+        console.log(userData.unique);
     })
 
     return ( 

src/components/Tinder/Tinder.js

@@ -44,7 +44,9 @@ const Tinder = (props) => {
                             var uniqueIds = [...new Set(allIds)];
                             if(uniqueIds.length === cardInfo.length) {
                                 route('/main');
-                                setUserData(prevUserData => ({ ...prevUserData, unique }));
+                                setUserData(prevUserData => ({ ...prevUserData, unique: unique }));
+                                console.log(unique);
+                                console.log(props.userData);
                             }
                         }}
                     >