(HP-894) Fix React warning

New kind of warning started to show up after Apollo client update: https://fb.me/setstate-in-render

Child components caused parent component to re-render while parent was still rendering.

Moved the triggering functions inside  "useEffect" to delay them until rendering is done.

src/common/test/ProfileContextFetcher.tsx

@@ -1,4 +1,4 @@
-import React, { useContext, useState } from 'react';
+import React, { useContext, useEffect } from 'react';
 
 import { ProfileContext } from '../../profile/context/ProfileContext';
 
@@ -7,12 +7,11 @@ function ProfileContextFetcher({
 }: {
   children: React.ReactElement | React.ReactNodeArray;
 }): React.ReactElement {
-  const [fetchStarted, setFetchStarted] = useState(false);
   const { data, fetch } = useContext(ProfileContext);
-  if (!fetchStarted) {
+
+  useEffect(() => {
     fetch();
-    setFetchStarted(true);
-  }
+  });
 
   if (!data) {
     return <div data-testid="no-data-fetched"></div>;

src/profile/components/profile/Profile.tsx

@@ -69,9 +69,13 @@ function Profile(): React.ReactElement {
   const isProfileFound = !!(data && data.myProfile);
   const failedToFetchUserProfileData =
     tunnistamoUser && !isProfileFound && !!error;
-  if (isProfileFound && !isProfileInitialized) {
-    fetchProfile();
-  }
+
+  useEffect(() => {
+    if (isProfileFound && !isProfileInitialized) {
+      fetchProfile();
+    }
+  }, [fetchProfile, isProfileFound, isProfileInitialized]);
+
   const isLoadingProfile = isProfileFound && !isProfileComplete;
 
   const getPageTitle = () => {