fix effects for getting data

.env

@@ -0,0 +1,2 @@
+VITE_UNSPLASH_URL = https://source.unsplash.com/random?
+VITE_API_URL = https://api-js401.herokuapp.com/api/v1

src/components/ActiveProduct/index.jsx

@@ -41,8 +41,7 @@ export default function ActiveProduct({ product }) {
   const params = useParams();
 
   useEffect(() => {
-    if (typeof product === undefined) {
-      console.log('\n\nNO TEST ACTIVE PRODUCT ', product);
+    if (typeof product !== undefined) {
       try {
         dispatch(setCurrentProduct()).then(data =>
           dispatch(

src/components/Categories/index.jsx

@@ -18,8 +18,7 @@ export default function Categories({ testCategories }) {
   const dispatch = useDispatch();
 
   useEffect(() => {
-    if (typeof testCategories === undefined) {
-      console.log('\n\nNO TEST CATEGORY ', testCategories);
+    if (typeof testCategories !== undefined) {
       try {
         dispatch(fetchCategories()).then(data => {
           dispatch(updateCategories(data));

src/components/Products/index.jsx

@@ -25,7 +25,7 @@ import { addToCart } from '../../redux/reducers/cart';
 
 export default function Products({ testCategories, testProducts }) {
   useEffect(() => {
-    if (typeof testProducts === undefined) {
+    if (typeof testProducts !== undefined) {
       try {
         dispatch(fetchProducts()).then(data => dispatch(getProducts(data)));
       } catch (error) {

src/redux/reducers/categories.js

@@ -31,12 +31,12 @@ export const fetchCategories = createAsyncThunk(
   'updateCategories',
   async () => {
     try {
-    const response = await axios.get(
-      `${import.meta.env.VITE_API_URL}/categories`
-    );
-    return response.data;
-    } catch(error) {
-      console.error('Error fetching Categories', error)
+      const response = await axios.get(
+        `${import.meta.env.VITE_API_URL}/categories`
+      );
+      return response.data;
+    } catch (error) {
+      console.error('Error fetching Categories', error);
     }
   }
 );