Didnt follow App.js And ModuleListScreen.js instructions properly last time, had content of files the wrong way round, corrected that.

src/components/screens/ModuleListScreen.js

@@ -1,31 +1,26 @@
 import { StatusBar } from "expo-status-bar";
 import { StyleSheet, Text, View } from "react-native";
-import { NavigationContainer } from "@react-navigation/native";
-import { createNativeStackNavigator } from "@react-navigation/native-stack";
-
-const Stack = createNativeStackNavigator();
 
 export const ModuleListScreen = () => {
+//   Initialisation -------------
+//   State ----------------------
+//   Handlers -------------------
+//   View -----------------------
   return (
-    <NavigationContainer>
-      <Stack.Navigator initialRouteName="ModuleListScreen">
-        <Stack.Screen
-          name="ModuleListScreen"
-          component={ModuleListScreen}
-          options={{ title: "List Modules" }}
-        />
-      </Stack.Navigator>
-    </NavigationContainer>
+    <View style={styles.container}>
+      <Text>List</Text>
+      <StatusBar style="auto" />
+    </View>
   );
-}
+};
 
 const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    backgroundColor: "#fff",
-    alignItems: "center",
-    justifyContent: "center",
-  },
+    container: {
+        flex: 1,
+        backgroundColor: "#fff",
+        alignItems: "center",
+        justifyContent: "center",
+    },
 });
 
-export default ModuleListScreen;
+export default ModuleListScreen;