fix: upgrade example deps

example/App.tsx

@@ -1,4 +1,6 @@
 /* eslint-disable react-native/no-inline-styles */
+/* eslint-disable  @typescript-eslint/no-explicit-any */
+
 import * as React from 'react';
 
 import {
@@ -12,7 +14,7 @@ import {
   TouchableOpacity,
 } from 'react-native';
 import * as IconPack from 'phosphor-react-native';
-const PhosphorLogo = require('./phosphor-mark-tight-yellow.png');
+import PhosphorLogo from './phosphor-mark-tight-yellow.png';
 
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 const { IconContext, ...Icons } = IconPack;

example/eslint.config.mjs

@@ -0,0 +1,12 @@
+import globals from 'globals';
+import pluginJs from '@eslint/js';
+import tseslint from 'typescript-eslint';
+import pluginReact from 'eslint-plugin-react';
+
+export default [
+  { files: ['**/*.{js,mjs,cjs,ts,jsx,tsx}'] },
+  { languageOptions: { globals: globals.node } },
+  pluginJs.configs.recommended,
+  ...tseslint.configs.recommended,
+  pluginReact.configs.flat.recommended,
+];

example/metro.config.js

@@ -1,4 +1,5 @@
 // Learn more https://docs.expo.io/guides/customizing-metro
+/* eslint-disable @typescript-eslint/no-require-imports */
 const { getDefaultConfig } = require('expo/metro-config');
 const path = require('path');
 

example/package.json

@@ -6,7 +6,8 @@
     "start": "expo start",
     "android": "expo start --android",
     "ios": "expo start --ios",
-    "web": "expo start --web"
+    "web": "expo start --web",
+    "lint": "eslint ."
   },
   "dependencies": {
     "expo": "^51.0.26",
@@ -18,8 +19,13 @@
   },
   "devDependencies": {
     "@babel/core": "^7.24.0",
+    "@eslint/js": "^9.9.0",
     "@types/react": "~18.2.79",
-    "typescript": "~5.3.3"
+    "eslint": "9.x",
+    "eslint-plugin-react": "^7.35.0",
+    "globals": "^15.9.0",
+    "typescript": "~5.3.3",
+    "typescript-eslint": "^8.0.1"
   },
   "private": true
 }