making the template compatible with expo 53 with fix to some bugs in …

app/(tabs)/_layout.tsx

@@ -0,0 +1,22 @@
+import { Tabs } from 'expo-router';
+import { useColorScheme } from 'react-native';
+import { TabBarIcon } from '../../components/navigation/TabBarIcon';
+
+export default function TabLayout() {
+  const colorScheme = useColorScheme();
+
+  return (
+    <Tabs
+      screenOptions={{
+        tabBarActiveTintColor: '#007AFF',
+      }}>
+      <Tabs.Screen
+        name="index"
+        options={{
+          title: 'Home',
+          tabBarIcon: ({ color }) => <TabBarIcon name="home" color={color} />,
+        }}
+      />
+    </Tabs>
+  );
+} 

app/(tabs)/index.tsx

@@ -1,7 +1,9 @@
 import 'react-native-get-random-values';
 import React, { useState } from 'react';
 import { View, Text, TouchableOpacity, ActivityIndicator, Image } from 'react-native';
-import Parse from 'parse/react-native';
+//import Parse from 'parse/react-native';
+import Parse from 'parse/react-native.js';
+
 import AsyncStorage from '@react-native-async-storage/async-storage';
 
 // Initialize Parse only once

app/_layout.tsx

@@ -0,0 +1,13 @@
+import { Stack } from 'expo-router';
+import { useEffect } from 'react';
+import { useColorScheme } from 'react-native';
+
+export default function RootLayout() {
+  const colorScheme = useColorScheme();
+
+  return (
+    <Stack>
+      <Stack.Screen name="(tabs)" options={{ headerShown: false }} />
+    </Stack>
+  );
+} 

app/index.tsx

@@ -0,0 +1,5 @@
+import { Redirect } from 'expo-router';
+
+export default function Index() {
+  return <Redirect href="/(tabs)" />;
+} 

metro.config.js

@@ -0,0 +1,18 @@
+// metro.config.js
+const { getDefaultConfig } = require('expo/metro-config');
+const exclusionList = require('metro-config/src/defaults/exclusionList');
+
+const config = getDefaultConfig(__dirname);
+
+// ❌ Completely block Metro from loading 'ws' package
+config.resolver.blockList = exclusionList([
+  /node_modules\/ws\/.*/
+]);
+
+// If you still need to shim 'ws' for RN code that tries to import it
+config.resolver.extraNodeModules = {
+  ...config.resolver.extraNodeModules,
+  ws: require.resolve('./wsEmptyShim.js'),
+};
+
+module.exports = config;

wsEmptyShim.js

@@ -0,0 +1,2 @@
+// wsEmptyShim.js
+module.exports = {};