React 19 support (#170)

* Working with React 19 (#168)

* fix: update MutableRefObject import to use React namespace

* fix: update dependencies in useEffect hooks for better stability and clean up props spreading

* fix: update devDependencies and dependencies for compatibility with latest versions

* fix: update dependencies and scripts for compatibility with latest versions

* fix: update Android build configuration for compatibility and enable new architecture

* fix: update dependencies in yarn

* fix: update type definitions

* chore: rebase (#169)

* fix: typo

* fix: keyboardAvoidingView bahavior

---------

Co-authored-by: Sergi Gonzalez <31130069+TheHypnoo@users.noreply.github.com>

Author: onmotion

example/.bundle/config

@@ -38,7 +38,7 @@ const App = () => {
         <StatusBar barStyle={isDarkMode ? 'light-content' : 'dark-content'} />
         <KeyboardAvoidingView
           style={styles.scrollContainer}
-          behavior={Platform.OS === 'ios' ? 'padding' : undefined}
+          behavior={Platform.OS === 'ios' ? 'padding' : 'height'}
           enabled>
           <ScrollView
             nestedScrollEnabled

example/App.tsx

@@ -1,8 +1,16 @@
-source 'https://rubygems.org'
+source "https://rubygems.org"
 
 # You may use http://rbenv.org/ or https://rvm.io/ to install and use this version
 ruby ">= 2.6.10"
 
 # Exclude problematic versions of cocoapods and activesupport that causes build failures.
-gem 'cocoapods', '>= 1.13', '!= 1.15.0', '!= 1.15.1'
-gem 'activesupport', '>= 6.1.7.5', '!= 7.1.0'
+gem "cocoapods", ">= 1.13", "!= 1.15.0", "!= 1.15.1"
+gem "activesupport", ">= 6.1.7.5", "!= 7.1.0"
+gem "xcodeproj", "< 1.26.0"
+gem "concurrent-ruby", "< 1.3.4"
+
+# Ruby 3.4.0 has removed some libraries from the standard library.
+gem "bigdecimal"
+gem "logger"
+gem "benchmark"
+gem "mutex_m"

example/Gemfile

@@ -2,16 +2,12 @@
  * @format
  */
 
-import 'react-native'
 import React from 'react'
-
-// Note: import explicitly to use the types shiped with jest.
-import { it } from '@jest/globals'
-
-// Note: test renderer must be required after react-native.
-import renderer from 'react-test-renderer'
+import ReactTestRenderer from 'react-test-renderer'
 import App from '../App'
 
-it('renders correctly', () => {
-  renderer.create(<App />)
+test('renders correctly', async () => {
+  await ReactTestRenderer.act(() => {
+    ReactTestRenderer.create(<App />)
+  })
 })

example/__tests__/App.test.tsx

@@ -63,23 +63,23 @@ def enableProguardInReleaseBuilds = false
  * The preferred build flavor of JavaScriptCore (JSC)
  *
  * For example, to use the international variant, you can use:
- * `def jscFlavor = 'org.webkit:android-jsc-intl:+'`
+ * `def jscFlavor = io.github.react-native-community:jsc-android-intl:2026004.+`
  *
  * The international variant includes ICU i18n library and necessary data
  * allowing to use e.g. `Date.toLocaleString` and `String.localeCompare` that
  * give correct results when using with locales other than en-US. Note that
  * this variant is about 6MiB larger per architecture than default.
  */
-def jscFlavor = 'org.webkit:android-jsc:+'
+def jscFlavor = 'io.github.react-native-community:jsc-android:2026004.+'
 
 android {
     ndkVersion rootProject.ext.ndkVersion
     buildToolsVersion rootProject.ext.buildToolsVersion
     compileSdk rootProject.ext.compileSdkVersion
 
-    namespace "com.autocomletedropdownplayground"
+    namespace "com.autocompletedropdownplayground"
     defaultConfig {
-        applicationId "com.autocomletedropdownplayground"
+        applicationId "com.autocompletedropdownplayground"
         minSdkVersion rootProject.ext.minSdkVersion
         targetSdkVersion rootProject.ext.targetSdkVersion
         versionCode 1

example/android/app/build.gradle

@@ -1,4 +1,4 @@
-package com.autocomletedropdownplayground
+package com.autocompletedropdownplayground
 
 import com.facebook.react.ReactActivity
 import com.facebook.react.ReactActivityDelegate
@@ -11,7 +11,7 @@ class MainActivity : ReactActivity() {
    * Returns the name of the main component registered from JavaScript. This is used to schedule
    * rendering of the component.
    */
-  override fun getMainComponentName(): String = "AutocomleteDropdownPlayground"
+  override fun getMainComponentName(): String = "AutocompleteDropdownPlayground"
 
   /**
    * Returns the instance of the [ReactActivityDelegate]. We use [DefaultReactActivityDelegate]

example/android/app/src/main/java/com/autocomletedropdownplayground/MainActivity.kt renamed to example/android/app/src/main/java/com/autocompletedropdownplayground/MainActivity.kt

@@ -1,4 +1,4 @@
-package com.autocomletedropdownplayground
+package com.autocompletedropdownplayground
 
 import android.app.Application
 import com.facebook.react.PackageList
@@ -9,6 +9,7 @@ import com.facebook.react.ReactPackage
 import com.facebook.react.defaults.DefaultNewArchitectureEntryPoint.load
 import com.facebook.react.defaults.DefaultReactHost.getDefaultReactHost
 import com.facebook.react.defaults.DefaultReactNativeHost
+import com.facebook.react.soloader.OpenSourceMergedSoMapping
 import com.facebook.soloader.SoLoader
 
 class MainApplication : Application(), ReactApplication {
@@ -34,7 +35,7 @@ class MainApplication : Application(), ReactApplication {
 
   override fun onCreate() {
     super.onCreate()
-    SoLoader.init(this, false)
+    SoLoader.init(this, OpenSourceMergedSoMapping)
     if (BuildConfig.IS_NEW_ARCHITECTURE_ENABLED) {
       // If you opted-in for the New Architecture, we load the native entry point for this app.
       load()

example/android/app/src/main/java/com/autocomletedropdownplayground/MainApplication.kt renamed to example/android/app/src/main/java/com/autocompletedropdownplayground/MainApplication.kt

@@ -1,3 +1,3 @@
 <resources>
-    <string name="app_name">AutocomleteDropdownPlayground</string>
+    <string name="app_name">AutocompleteDropdownPlayground</string>
 </resources>

example/android/app/src/main/res/values/strings.xml

@@ -1,11 +1,11 @@
 buildscript {
     ext {
-        buildToolsVersion = "34.0.0"
-        minSdkVersion = 23
-        compileSdkVersion = 34
-        targetSdkVersion = 34
-        ndkVersion = "26.1.10909125"
-        kotlinVersion = "1.9.24"
+        buildToolsVersion = "35.0.0"
+        minSdkVersion = 24
+        compileSdkVersion = 35
+        targetSdkVersion = 35
+        ndkVersion = "27.1.12297006"
+        kotlinVersion = "2.0.21"
     }
     repositories {
         google()

example/android/build.gradle

@@ -32,7 +32,7 @@ reactNativeArchitectures=armeabi-v7a,arm64-v8a,x86,x86_64
 # your application. You should enable this flag either if you want
 # to write custom TurboModules/Fabric components OR use libraries that
 # are providing them.
-newArchEnabled=false
+newArchEnabled=true
 
 # Use this property to enable or disable the Hermes JS engine.
 # If set to false, you will be using JSC instead.