Theme has been updated to be more inline with the storefront.

metro.config.js

@@ -1,5 +1,26 @@
 const {getDefaultConfig} = require('expo/metro-config');
+const path = require('path');
+
+const themePackagePath = path.resolve(__dirname, '../react-native-dt-theme');
+const appNodeModules = path.resolve(__dirname, 'node_modules');
 
 const config = getDefaultConfig(__dirname);
 
+// Watch the external theme package
+config.watchFolders = [themePackagePath];
+
+// Redirect all imports to use app's node_modules (avoids duplicates)
+config.resolver.extraNodeModules = {
+  'react': path.resolve(appNodeModules, 'react'),
+  'react-native': path.resolve(appNodeModules, 'react-native'),
+  'react-native-paper': path.resolve(appNodeModules, 'react-native-paper'),
+  'react-native-svg': path.resolve(appNodeModules, 'react-native-svg'),
+  'react-native-safe-area-context': path.resolve(appNodeModules, 'react-native-safe-area-context'),
+};
+
+// Block theme package's node_modules entirely
+config.resolver.blockList = [
+  new RegExp(`${themePackagePath.replace(/[/\\]/g, '[/\\\\]')}/node_modules/.*`),
+];
+
 module.exports = config;