Fix useEffect array depencies for remaining pages

src/components/Table/Table.tsx

@@ -93,15 +93,6 @@ const Table = ({ title, dropdownAriaLabel, dropdownFilterItems, columns, data }:
 
   const isOnMobile = useMediaQuery({ query: 'screen and (max-width: 767px)' }) // $mobile variable from ssb-component-library
 
-  /* TODO:
-   * Fix bug; reinitializes 'data' state(?) a few seconds after Tab onClick.
-    So once after Tab onClick, and twice a few seconds later
-    Order after Tab onClick: 1. Sets state to current tab table data. 2. Then to previous tab table data. 3. Then back to current tab table data.
-  
-   * Notes:
-    - data is a stored in a state that is set by useEffect and an API call on a higher hierarchical level (e.g. TeamOverview)
-    - No indication of states reinitializing during the view jittering in React Component Developer tools
-  */
   useEffect(() => {
     if (searchFilterKeyword !== '' && data.length) {
       const filterTableData = data.filter((row) =>

src/pages/TeamDetail/TeamDetail.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable react-hooks/exhaustive-deps */
 import styles from './teamDetail.module.scss'
 
 import { useCallback, useContext, useEffect, useState } from 'react'
@@ -53,7 +54,7 @@ const TeamDetail = () => {
       .catch((error) => {
         setError({ error: { message: error.message, code: '500' } })
       })
-  }, [teamId])
+  }, [])
 
   useEffect(() => {
     getTeamDetail(teamId as string)
@@ -68,7 +69,7 @@ const TeamDetail = () => {
       .catch((error) => {
         setError({ error: { message: error.message, code: '500' } })
       })
-  }, [teamId, prepTeamData])
+  }, [prepTeamData])
 
   // required for breadcrumb
   useEffect(() => {

src/pages/UserProfile/UserProfile.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable react-hooks/exhaustive-deps */
 import styles from './userprofile.module.scss'
 
 import { Dialog, Text, Link, LeadParagraph } from '@statisticsnorway/ssb-component-library'
@@ -53,7 +54,7 @@ const UserProfile = () => {
       .catch((error) => {
         setError({ error: { message: error.message, code: '500' } })
       })
-  }, [principalName])
+  }, [])
 
   useEffect(() => {
     if (userProfileData) {
@@ -70,7 +71,7 @@ const UserProfile = () => {
           setError({ error: { message: error.message, code: '500' } })
         })
     }
-  }, [userProfileData, principalName, prepTeamData])
+  }, [prepTeamData])
 
   // required for breadcrumb
   useEffect(() => {
@@ -79,7 +80,7 @@ const UserProfile = () => {
       userProfileData.display_name = displayName
       setBreadcrumbUserProfileDisplayName({ displayName })
     }
-  }, [userProfileData, setBreadcrumbUserProfileDisplayName])
+  }, [setBreadcrumbUserProfileDisplayName])
 
   const renderTeamNameColumn = (team: Team) => {
     return (