Fix useEffect() calls... whoops

.eslintrc.js

@@ -256,7 +256,6 @@ module.exports = {
     'promise/catch-or-return': 'error',
 
     'react-hooks/rules-of-hooks': 'error',
-    'react-hooks/exhaustive-deps': 'warn',
   },
   overrides: [
     {

app/soapbox/features/auth_login/components/logout.tsx

@@ -16,7 +16,7 @@ const Logout: React.FC = () => {
     dispatch(logOut(intl) as any)
       .then(() => setDone(true))
       .catch(console.warn);
-  });
+  }, []);
 
   if (done) {
     return <Redirect to='/' />;

app/soapbox/features/external_login/components/external-login-form.tsx

@@ -36,7 +36,7 @@ const ExternalLoginForm: React.FC = () => {
     if (code) {
       dispatch(loginWithCode(code));
     }
-  });
+  }, [code]);
 
   if (code) {
     return <Spinner />;

app/soapbox/features/public_layout/components/pulse.tsx

@@ -20,7 +20,7 @@ const Pulse: React.FC = () => {
         setAnimationData(json);
       })
       .catch(console.error);
-  });
+  }, []);
 
   if (animationData) {
     return (

app/soapbox/features/ui/components/promo_panel.tsx

@@ -18,8 +18,8 @@ const PromoPanel: React.FC = () => {
     <Widget title={siteTitle}>
       <Stack space={2}>
         {promoItems.map((item, i) => (
-          <Text>
-            <a className='flex items-center' href={item.url} target='_blank' key={i}>
+          <Text key={i}>
+            <a className='flex items-center' href={item.url} target='_blank'>
               <Icon id={item.icon} className='flex-none text-lg mr-2' fixedWidth />
               {item.textLocales.get(locale) || item.text}
             </a>