Drop support for React < 18

bin/build/targets/react/resources/icon-template.js

@@ -18,7 +18,7 @@ export function getTemplate(native, iconoirContextPath) {
     return tpl`
   ${useClientDirective}
   ${variables.imports};
-  ${iconoirContextImport};
+  ${iconoirContextImport}
 
   ${variables.interfaces};
 

examples/react-native/.gitignore

@@ -7,6 +7,7 @@ node_modules/
 .expo/
 dist/
 web-build/
+expo-env.d.ts
 
 # Native
 *.orig.*

examples/react-native/app.json

@@ -1,13 +1,21 @@
 {
   "expo": {
     "name": "Iconoir",
-    "slug": "react-native-expo",
+    "slug": "example-react-native",
     "version": "1.0.0",
     "orientation": "portrait",
     "userInterfaceStyle": "light",
-    "assetBundlePatterns": ["**/*"],
+    "newArchEnabled": true,
+    "splash": {
+      "backgroundColor": "#ffffff"
+    },
     "ios": {
       "supportsTablet": true
+    },
+    "android": {
+      "adaptiveIcon": {
+        "backgroundColor": "#ffffff"
+      }
     }
   }
 }

examples/react-native/index.ts

@@ -0,0 +1,8 @@
+import { registerRootComponent } from 'expo';
+
+import App from './App';
+
+// registerRootComponent calls AppRegistry.registerComponent('main', () => App);
+// It also ensures that whether you load the app in Expo Go or in a native build,
+// the environment is set up appropriately
+registerRootComponent(App);

examples/react-native/metro.config.js

@@ -0,0 +1,31 @@
+/*
+ * Workaround to be able to import iconoir lib from workspace.
+ * See also: https://github.com/pnpm/pnpm/issues/4286
+ */
+
+const { makeMetroConfig } = require('@rnx-kit/metro-config');
+const MetroSymlinksResolver = require('@rnx-kit/metro-resolver-symlinks');
+const { getDefaultConfig } = require('expo/metro-config');
+
+const symlinksResolver = MetroSymlinksResolver({
+  remapModule: (_context, moduleName) => {
+    if (moduleName === 'iconoir-react-native') {
+      return require.resolve(moduleName);
+    }
+
+    return moduleName;
+  },
+},
+);
+
+/** @type {import('expo/metro-config').MetroConfig} */
+const expoConfig = getDefaultConfig(__dirname);
+
+/** @type {import('expo/metro-config').MetroConfig} */
+module.exports = makeMetroConfig({
+  ...expoConfig,
+  resolver: {
+    ...expoConfig.resolver,
+    resolveRequest: symlinksResolver,
+  },
+});