Remove type-errors

packages/app/components/child.component.tsx

@@ -125,6 +125,8 @@ const getRouteTitleFromName = (routeName: string) => {
       return translate('navigation.menu')
     case 'Classmates':
       return translate('navigation.classmates')
+    default:
+      return routeName
   }
 }
 

packages/app/components/classmates.component.tsx

@@ -26,7 +26,7 @@ export const Classmates = () => {
   const renderItemIcon = (props: IconProps) => (
     <Icon {...props} name="people-outline" />
   )
-  const [selected, setSelected] = React.useState()
+  const [selected, setSelected] = React.useState<Classmate>()
   const renderItem = ({ item, index }: ListRenderItemInfo<Classmate>) => (
     <ListItem
       accessibilityLabel={`${translate('classmates.child')} ${index + 1}`}
@@ -41,7 +41,7 @@ export const Classmates = () => {
         <ContactMenu
           contact={item}
           selected={item === selected}
-          setSelected={setSelected}
+          setSelected={(classMate) => setSelected(classMate)}
         />
       )}
     />

packages/app/components/contactMenu.component.tsx

@@ -21,7 +21,7 @@ import { translate } from '../utils/translation'
 interface ContactMenuProps {
   contact: Classmate
   selected: boolean
-  setSelected: (value?: number | null) => void
+  setSelected: (value?: Classmate | undefined) => void
 }
 
 export const ContactMenu = ({
@@ -54,7 +54,7 @@ export const ContactMenu = ({
 
   const handleBackdropPress = () => {
     setVisible(false)
-    setSelected(null)
+    setSelected(undefined)
   }
 
   const shouldDisplay = (option?: string) => (option ? 'flex' : 'none')