src/components/Animations/AnimatedBottomBar.tsx

@@ -30,6 +30,8 @@ import { StackNavigationProp } from '@react-navigation/stack';
 import AutoHideHandler from '../../utils/AutoHideHandler';
 import { TAB_BAR_HEIGHT } from '../Tabbar/CustomTabBar';
 
+const AnimatedFAB = Animatable.createAnimatableComponent(FAB);
+
 type PropsType = {
   navigation: StackNavigationProp<any>;
   theme: ReactNativePaper.Theme;
@@ -162,19 +164,16 @@ class AnimatedBottomBar extends React.Component<PropsType, StateType> {
       >
         <Surface style={styles.surface}>
           <View style={styles.fabContainer}>
-            <Animatable.View
-              style={styles.fab}
+            <AnimatedFAB
               animation={props.seekAttention ? 'bounce' : undefined}
-              easing={'ease-out'}
+              easing="ease-out"
               iterationDelay={500}
-              iterationCount={'infinite'}
-              useNativeDriver={true}
-            >
-              <FAB
-                icon={'account-clock'}
+              iterationCount="infinite"
+              useNativeDriver
+              style={styles.fab}
+              icon="account-clock"
               onPress={() => props.navigation.navigate('group-select')}
             />
-            </Animatable.View>
           </View>
           <View style={styles.side}>
             <IconButton

src/screens/Planex/PlanexScreen.tsx

@@ -190,7 +190,7 @@ function PlanexScreen(props: Props) {
         navigation.dispatch(CommonActions.setParams({ group: undefined }));
       }
       // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [props.route.params])
+    }, [])
   );
   /**
    * Gets the Webview, with an error view on top if no group is selected.
@@ -388,7 +388,7 @@ function PlanexScreen(props: Props) {
         navigation={navigation}
         ref={barRef}
         onPress={sendMessage}
-        seekAttention={currentGroup === undefined}
+        seekAttention={currentGroup !== undefined}
       />
     </View>
   );