fix: speed up fast refresh. Removed lazy() support

Author: marklawlor

.config/eslint.config.mjs

@@ -12,12 +12,13 @@ export default tseslint.config(
     languageOptions: {
       parserOptions: {
         projectService: true,
-        tsconfigRootDir: import.meta.dirname,
       },
     },
   },
   globalIgnores([
     "**/dist/*",
+    "**/example/*",
+    "**/node_modules/*",
     ".yarn/*",
     "**/eslint.config.[cm]js",
     "**/prettier.config.[cm]js",

.config/tsconfig.json

@@ -1,6 +1,5 @@
-const path = require("path");
 const { getDefaultConfig } = require("@expo/metro-config");
-// const { withReactNativeCSS } = require("react-native-css/metro");
+const { withReactNativeCSS } = require("react-native-css/metro");
 
 /**
  * Metro configuration
@@ -10,15 +9,16 @@ const { getDefaultConfig } = require("@expo/metro-config");
  */
 const config = getDefaultConfig(__dirname);
 
+/**
+ * This block of code is not required, it just makes the example work in this monorepo setup.
+ */
+const path = require("path");
+config.watchFolders = [path.resolve(__dirname, "../")];
 config.resolver.nodeModulesPaths = [
   path.resolve(__dirname, "node_modules"),
   path.resolve(__dirname, "../node_modules"),
 ];
 
-config.watchFolders = [path.resolve(__dirname, "../")];
-
-module.exports = config;
-
-// module.exports = withReactNativeCSS(config, {
-//   globalClassNamePolyfill: false,
-// });
+module.exports = withReactNativeCSS(config, {
+  globalClassNamePolyfill: true,
+});

example/metro.config.js

@@ -13,7 +13,7 @@
   "dependencies": {
     "@expo/metro-runtime": "~6.1.2",
     "@tailwindcss/postcss": "^4.1.11",
-    "expo": "54.0.1",
+    "expo": "54.0.10",
     "expo-status-bar": "~3.0.8",
     "react": "19.1.0",
     "react-dom": "19.1.0",

example/package.json

@@ -1,12 +1,13 @@
-import { StyleSheet, Text } from "react-native";
+import { StyleSheet, Text, View } from "react-native";
 
 import { StatusBar } from "expo-status-bar";
-import { View } from "react-native-css/components/View";
+
+import "../global.css";
 
 export default function App() {
   return (
     <View style={styles.container}>
-      <Text>Hello world!!</Text>
+      <Text className="text-red-800">Hello world!!!</Text>
       <StatusBar style="auto" />
     </View>
   );

example/src/App.tsx

@@ -2,7 +2,6 @@
   "extends": "../tsconfig",
   "compilerOptions": {
     "noEmit": true,
-    "allowJs": true
   },
   "include": [
     "src/**/*",

example/tsconfig.json

@@ -37,16 +37,8 @@
       }
     },
     "./components": {
-      "source": "./src/components/index.ts",
-      "react-native": "./src/components/index.tsx",
-      "import": {
-        "types": "./dist/typescript/module/src/components/index.d.ts",
-        "default": "./dist/module/components/index.js"
-      },
-      "require": {
-        "types": "./dist/typescript/commonjs/src/components/index.d.ts",
-        "default": "./dist/commonjs/components/index.js"
-      }
+      "default": "./src/components/index.js",
+      "types": "./src/components/index.d.ts"
     },
     "./components/*": {
       "source": "./src/components/*.ts",
@@ -200,7 +192,7 @@
     "@babel/core": "^7.28.0",
     "@commitlint/config-conventional": "^19.8.1",
     "@eslint/js": "^9.30.1",
-    "@expo/metro-config": "~54.0.2",
+    "@expo/metro-config": "~54.0.5",
     "@ianvs/prettier-plugin-sort-imports": "^4.4.2",
     "@tailwindcss/postcss": "^4.1.12",
     "@testing-library/react-native": "^13.3.3",
@@ -211,13 +203,13 @@
     "@types/react": "^19.1.10",
     "@types/react-test-renderer": "^19",
     "babel-plugin-tester": "^12.0.0",
-    "babel-preset-expo": "~54.0.0",
+    "babel-preset-expo": "~54.0.3",
     "commitlint": "^19.8.1",
     "eas-build-cache-provider": "^16.4.2",
     "eslint": "^9.30.1",
     "eslint-config-prettier": "^10.1.5",
     "eslint-plugin-prettier": "^5.5.1",
-    "expo": "54.0.1",
+    "expo": "54.0.10",
     "jest": "^29.7.0",
     "jest-expo": "~54.0.12",
     "lefthook": "^1.12.3",

package.json

@@ -1,5 +1,4 @@
 export * from "react-native";
-
 export { ActivityIndicator } from "./ActivityIndicator";
 export { Button } from "./Button";
 export { FlatList } from "./FlatList";