🆙 Modernize example-expo to Expo SDK 55 + add cross-midnight hourLimit example

- Bump Expo to 55, React Native to 0.83.6, React to 19.2.0.
- Add react-native-worklets, upgrade react-native-audio-api.
- Enable React Compiler experiment; drop manual useCallback/useMemo
  wrappers in App.tsx.
- Drop deprecated app.json fields (newArchEnabled, edgeToEdgeEnabled)
  now defaulted by the SDK.
- Remove unused babel.config.js.
- Add a test page exercising the new wraparound `hourLimit`
  ({ min: 20, max: 5 }) with a live readout of the reported hour value.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

Author: troberts-28

examples/example-expo/App.tsx

@@ -4,7 +4,6 @@
     "slug": "timer-picker-example",
     "version": "1.0.0",
     "icon": "./assets/icon.png",
-    "newArchEnabled": true,
     "splash": {
       "image": "./assets/splash.png",
       "resizeMode": "contain",
@@ -19,12 +18,14 @@
         "foregroundImage": "./assets/adaptive-icon.png",
         "backgroundColor": "#ffffff"
       },
-      "edgeToEdgeEnabled": true,
       "package": "com.nuumi.timerpickerexample"
     },
     "web": {
       "favicon": "./assets/favicon.png"
     },
-    "plugins": ["expo-asset", "expo-font"]
+    "plugins": ["expo-asset", "expo-font", "react-native-audio-api"],
+    "experiments": {
+      "reactCompiler": true
+    }
   }
 }

examples/example-expo/app.json

@@ -8,7 +8,7 @@ type CustomButtonProps = {
   onPress?: () => void;
 };
 
-export const CustomButton: React.FC<CustomButtonProps> = ({ label, onPress }) => {
+export const CustomButton = ({ label, onPress }: CustomButtonProps) => {
   return (
     <TouchableOpacity onPress={onPress} style={styles.customButtonContainer}>
       <LinearGradient

examples/example-expo/babel.config.js

@@ -1,15 +1,12 @@
 import baseConfig from "../../eslint.config.mjs";
 import { defineConfig } from "eslint/config";
 
-export default defineConfig(
-  ...baseConfig,
-  {
-    languageOptions: {
-      globals: {
-        atob: "readonly",
-        btoa: "readonly",
-        fetch: "readonly",
-      },
+export default defineConfig(...baseConfig, {
+  languageOptions: {
+    globals: {
+      atob: "readonly",
+      btoa: "readonly",
+      fetch: "readonly",
     },
-  }
-);
+  },
+});

examples/example-expo/components/CustomButton.tsx

@@ -4,13 +4,6 @@ const { getDefaultConfig } = require("expo/metro-config");
 
 const config = getDefaultConfig(__dirname);
 
-config.transformer.getTransformOptions = async () => ({
-  transform: {
-    experimentalImportSupport: false,
-    inlineRequires: false,
-  },
-});
-
 const extraNodeModules = {
   "react-native-timer-picker": path.resolve(__dirname, "../../src"),
 };
@@ -21,6 +14,6 @@ config.resolver.extraNodeModules = new Proxy(extraNodeModules, {
     name in target ? target[name] : path.join(process.cwd(), `node_modules/${name}`),
 });
 
-config.watchFolders = [path.resolve(__dirname, "../../src")];
+config.watchFolders = [...(config.watchFolders ?? []), path.resolve(__dirname, "../../src")];
 
 module.exports = config;

examples/example-expo/eslint.config.mjs

@@ -11,16 +11,17 @@
     "build:ios": "npx expo run:ios"
   },
   "dependencies": {
-    "@expo/vector-icons": "^15.0.3",
+    "@expo/vector-icons": "^15.1.1",
     "@react-native-masked-view/masked-view": "0.3.2",
-    "expo": "~54.0.33",
-    "expo-asset": "~12.0.12",
-    "expo-font": "~14.0.11",
-    "expo-haptics": "~15.0.8",
-    "expo-linear-gradient": "~15.0.8",
-    "react": "19.1.0",
-    "react-native": "0.81.5",
-    "react-native-audio-api": "0.9.0"
+    "expo": "^55.0.19",
+    "expo-asset": "~55.0.16",
+    "expo-font": "~55.0.6",
+    "expo-haptics": "~55.0.14",
+    "expo-linear-gradient": "~55.0.13",
+    "react": "19.2.0",
+    "react-native": "0.83.6",
+    "react-native-audio-api": "^0.12.1",
+    "react-native-worklets": "0.7.4"
   },
   "private": true
 }