Fix crash on app start

App.tsx

   currentTheme: ReactNativePaper.Theme | undefined;
 };
 
-export default class App extends React.Component<null, StateType> {
+export default class App extends React.Component<{}, StateType> {
   navigatorRef: {current: null | NavigationContainerRef};
 
   defaultHomeRoute: string | null;
 
   urlHandler: URLHandler;
 
-  constructor() {
-    super(null);
+  constructor(props: {}) {
+    super(props);
     this.state = {
       isLoading: true,
       showIntro: true,

src/navigation/MainNavigator.tsx

 };
 
 export default function MainNavigator(props: PropsType) {
-  return <MainStackComponent createTabNavigator={() => TabNavigator(props)} />;
+  return (
+    <MainStackComponent
+      createTabNavigator={() => <TabNavigator {...props} />}
+    />
+  );
 }

src/navigation/TabNavigator.tsx

   defaultData: {[key: string]: string},
 ) {
   let params;
-  if (initialRoute != null) {
+  if (initialRoute) {
     params = {data: defaultData, nextScreen: initialRoute, shouldOpen: true};
   }
   const {colors} = useTheme();
   defaultHomeData: {[key: string]: string};
 };
 
-export default function TabNavigator(props: PropsType) {
-  let defaultRoute = 'home';
-  if (!props.defaultHomeRoute) {
-    defaultRoute = AsyncStorageManager.getString(
-      AsyncStorageManager.PREFERENCES.defaultStartScreen.key,
-    ).toLowerCase();
+export default class TabNavigator extends React.Component<PropsType> {
+  defaultRoute: string;
+  createHomeStackComponent: () => any;
+
+  constructor(props: PropsType) {
+    super(props);
+    this.defaultRoute = 'home';
+    if (!props.defaultHomeRoute) {
+      this.defaultRoute = AsyncStorageManager.getString(
+        AsyncStorageManager.PREFERENCES.defaultStartScreen.key,
+      ).toLowerCase();
+    }
+    this.createHomeStackComponent = () =>
+      HomeStackComponent(props.defaultHomeRoute, props.defaultHomeData);
   }
-  const createHomeStackComponent = () =>
-    HomeStackComponent(props.defaultHomeRoute, props.defaultHomeData);
 
-  return (
-    <Tab.Navigator
-      initialRouteName={defaultRoute}
-      tabBar={(tabProps) => <CustomTabBar {...tabProps} />}>
-      <Tab.Screen
-        name="services"
-        component={ServicesStackComponent}
-        options={{title: i18n.t('screens.services.title')}}
-      />
-      <Tab.Screen
-        name="proxiwash"
-        component={ProxiwashStackComponent}
-        options={{title: i18n.t('screens.proxiwash.title')}}
-      />
-      <Tab.Screen
-        name="home"
-        component={createHomeStackComponent}
-        options={{title: i18n.t('screens.home.title')}}
-      />
-      <Tab.Screen
-        name="planning"
-        component={PlanningStackComponent}
-        options={{title: i18n.t('screens.planning.title')}}
-      />
-      <Tab.Screen
-        name="planex"
-        component={PlanexStackComponent}
-        options={{title: i18n.t('screens.planex.title')}}
-      />
-    </Tab.Navigator>
-  );
+  render() {
+    return (
+      <Tab.Navigator
+        initialRouteName={this.defaultRoute}
+        tabBar={(tabProps) => <CustomTabBar {...tabProps} />}>
+        <Tab.Screen
+          name="services"
+          component={ServicesStackComponent}
+          options={{title: i18n.t('screens.services.title')}}
+        />
+        <Tab.Screen
+          name="proxiwash"
+          component={ProxiwashStackComponent}
+          options={{title: i18n.t('screens.proxiwash.title')}}
+        />
+        <Tab.Screen
+          name="home"
+          component={this.createHomeStackComponent}
+          options={{title: i18n.t('screens.home.title')}}
+        />
+        <Tab.Screen
+          name="planning"
+          component={PlanningStackComponent}
+          options={{title: i18n.t('screens.planning.title')}}
+        />
+        <Tab.Screen
+          name="planex"
+          component={PlanexStackComponent}
+          options={{title: i18n.t('screens.planex.title')}}
+        />
+      </Tab.Navigator>
+    );
+  }
 }

src/screens/About/AboutDependenciesScreen.tsx

 export default class AboutDependenciesScreen extends React.Component<{}> {
   data: Array<ListItemType>;
 
-  constructor() {
-    super({});
+  constructor(props: {}) {
+    super(props);
     this.data = generateListFromObject(packageJson.dependencies);
   }
 

src/screens/Amicale/AmicaleContactScreen.tsx

   // Dataset containing information about contacts
   CONTACT_DATASET: Array<DatasetItemType>;
 
-  constructor() {
-    super({});
+  constructor(props: {}) {
+    super(props);
     this.CONTACT_DATASET = [
       {
         name: i18n.t('screens.amicaleAbout.roles.interSchools'),

src/screens/Home/ScannerScreen.tsx

 type PermissionResults = 'unavailable' | 'denied' | 'blocked' | 'granted';
 
 class ScannerScreen extends React.Component<{}, StateType> {
-  constructor() {
-    super({});
+  constructor(props: {}) {
+    super(props);
     this.state = {
       hasPermission: false,
       scanned: false,