Issue with component dependency on the web

[lil-armstrong]

Issue Description

After installing the library and importing it, I get the following error:

Uncaught Error
InternalError Metro has encountered an error: While trying to resolve module `react-async-hook` from file `node_modules/react-native-country-picker-modal/lib/Flag.js`, the package `node_modules/react-native-country-picker-modal/node_modules/react-async-hook/package.json` was successfully found. However, this package itself specifies a `main` module field that could not be resolved (`node_modules/react-native-country-picker-modal/node_modules/react-async-hook/react-async-hook.esm.js`. Indeed, none of these files exist:

  *node_modules/react-native-country-picker-modal/node_modules/react-async-hook/react-async-hook.esm.js(.web.ts|.ts|.web.tsx|.tsx|.web.mjs|.mjs|.web.js|.js|.web.jsx|.jsx|.web.json|.json|.web.cjs|.cjs|.web.scss|.scss|.web.sass|.sass|.web.css|.css)
  *node_modules/react-native-country-picker-modal/node_modules/react-async-hook/react-async-hook.esm.js/index(.web.ts|.ts|.web.tsx|.tsx|.web.mjs|.mjs|.web.js|.js|.web.jsx|.jsx|.web.json|.json|.web.cjs|.cjs|.web.scss|.scss|.web.sass|.sass|.web.css|.css): node_modules/metro/src/node-haste/DependencyGraph.js (251:17)

�[0m �[90m 249 |�[39m         }
 �[90m 250 |�[39m         �[36mif�[39m (error �[36minstanceof�[39m �[33mInvalidPackageError�[39m) {
�[31m�[1m>�[22m�[39m�[90m 251 |�[39m           �[36mthrow�[39m �[36mnew�[39m �[33mPackageResolutionError�[39m({
 �[90m     |�[39m                 �[31m�[1m^�[22m�[39m
 �[90m 252 |�[39m             packageError�[33m:�[39m error�[33m,�[39m
 �[90m 253 |�[39m             originModulePath�[33m:�[39m �[36mfrom�[39m�[33m,�[39m
 �[90m 254 |�[39m             targetModuleName�[33m:�[39m to�[33m,�[39m�[0m

On Android and IOS, the component renders and works properly, but only throws an error on web

Steps to Reproduce / Code Snippets

1. Install the library as instructed in the documentation
2. Run the web app

Expected Results

The component should render properly without error

Additional Information

Nodejs version: v22.14.0
React version: v19.0.0
React Native version: v0.79.4
react-native-country-picker-modal version: ˆv2.0.0
Platform(s) (iOS, Android, web, or all?): web
TypeScript version:5.8.3

I am developing using Expo workflow and using the Expo GO app

[rohit9625]

I'm also having issues installing dependencies using npm install. Getting this error:

npm warn ERESOLVE overriding peer dependency
npm warn While resolving: @callstack/react-theme-provider@3.0.3
npm warn Found: react@17.0.2
npm warn node_modules/react
npm warn   react@"17.0.2" from the root project
npm warn   52 more (@jsamr/react-native-li, ...)
npm warn
npm warn Could not resolve dependency:
npm warn peer react@"^16.3.0" from @callstack/react-theme-provider@3.0.3
npm warn node_modules/@callstack/react-theme-provider
npm warn   @callstack/react-theme-provider@"3.0.3" from react-native-country-picker-modal@2.0.0
npm warn   node_modules/react-native-country-picker-modal
npm warn
npm warn Conflicting peer dependency: react@16.14.0
npm warn node_modules/react
npm warn   peer react@"^16.3.0" from @callstack/react-theme-provider@3.0.3
npm warn   node_modules/@callstack/react-theme-provider
npm warn     @callstack/react-theme-provider@"3.0.3" from react-native-country-picker-modal@2.0.0
npm warn     node_modules/react-native-country-picker-modal
npm warn ERESOLVE overriding peer dependency
npm warn While resolving: modal-react-native-web@0.2.0
npm warn Found: react@17.0.2
npm warn node_modules/react
npm warn   react@"17.0.2" from the root project
npm warn   52 more (@jsamr/react-native-li, ...)
npm warn
npm warn Could not resolve dependency:
npm warn peer react@"16.x.x" from modal-react-native-web@0.2.0
npm warn node_modules/modal-react-native-web
npm warn   modal-react-native-web@"0.2.0" from react-native-country-picker-modal@2.0.0
npm warn   node_modules/react-native-country-picker-modal
npm warn
npm warn Conflicting peer dependency: react@16.14.0
npm warn node_modules/react
npm warn   peer react@"16.x.x" from modal-react-native-web@0.2.0
npm warn   node_modules/modal-react-native-web
npm warn     modal-react-native-web@"0.2.0" from react-native-country-picker-modal@2.0.0
npm warn     node_modules/react-native-country-picker-modal
npm error code ERESOLVE
npm error ERESOLVE could not resolve
npm error
npm error While resolving: react-art@16.13.1
npm error Found: react@17.0.2
npm error node_modules/react
npm error   react@"17.0.2" from the root project
npm error   peer react@"*" from @jsamr/react-native-li@2.3.1
npm error   node_modules/@jsamr/react-native-li
npm error     @jsamr/react-native-li@"^2.3.0" from react-native-render-html@6.3.4
npm error     node_modules/react-native-render-html
npm error       react-native-render-html@"^6.3.4" from the root project
npm error   51 more (@react-native-community/push-notification-ios, ...)
npm error
npm error Could not resolve dependency:
npm error peer react@"^16.13.1" from react-art@16.13.1
npm error node_modules/react-art
npm error   peer react-art@"16.x.x" from modal-react-native-web@0.2.0
npm error   node_modules/modal-react-native-web
npm error     modal-react-native-web@"0.2.0" from react-native-country-picker-modal@2.0.0
npm error     node_modules/react-native-country-picker-modal
npm error       react-native-country-picker-modal@"^2.0.0" from the root project
npm error   peer react-art@">=16.5.1" from react-native-web@0.9.13
npm error   node_modules/react-native-web
npm error     peer react-native-web@"0.9.x" from modal-react-native-web@0.2.0
npm error     node_modules/modal-react-native-web
npm error       modal-react-native-web@"0.2.0" from react-native-country-picker-modal@2.0.0
npm error       node_modules/react-native-country-picker-modal
npm error     1 more (react-native-country-picker-modal)
npm error
npm error Conflicting peer dependency: react@16.14.0
npm error node_modules/react
npm error   peer react@"^16.13.1" from react-art@16.13.1
npm error   node_modules/react-art
npm error     peer react-art@"16.x.x" from modal-react-native-web@0.2.0
npm error     node_modules/modal-react-native-web
npm error       modal-react-native-web@"0.2.0" from react-native-country-picker-modal@2.0.0
npm error       node_modules/react-native-country-picker-modal
npm error         react-native-country-picker-modal@"^2.0.0" from the root project
npm error     peer react-art@">=16.5.1" from react-native-web@0.9.13
npm error     node_modules/react-native-web
npm error       peer react-native-web@"0.9.x" from modal-react-native-web@0.2.0
npm error       node_modules/modal-react-native-web
npm error         modal-react-native-web@"0.2.0" from react-native-country-picker-modal@2.0.0
npm error         node_modules/react-native-country-picker-modal
npm error       1 more (react-native-country-picker-modal)
npm error
npm error Fix the upstream dependency conflict, or retry
npm error this command with --force or --legacy-peer-deps
npm error to accept an incorrect (and potentially broken) dependency resolution.
npm error
npm error
npm error For a full report see:
npm error /home/rohit/.npm/_logs/2025-07-12T07_45_08_648Z-eresolve-report.txt
npm error A complete log of this run can be found in: /home/rohit/.npm/_logs/2025-07-12T07_45_08_648Z-debug-0.log