installation issue in React Native 0.77 made with RNCLI

[Deepakvermaadequate]

Description

ERROR Error: Unable to resolve module react-dom from G:\DeepakVerma\appserve\newremitapp\SimplyRemit\node_modules@react-aria\utils\dist\animation.main.js: react-dom could not be found within the project or in these directories: node_modules 1 | var $78605a5d7424e31b$exports = require("./useLayoutEffect.main.js"); > 2 | var $bsryd$reactdom = require("react-dom");

CodeSandbox/Snack link

https://ui.gluestack.io/docs/

Steps to reproduce

getting while installing the gluestack package

"dependencies": {
"@gluestack-style/react": "^1.0.57",
"@gluestack-ui/config": "^1.1.20",
"@gluestack-ui/themed": "^1.1.65",
"@gluestack-ui/themed-native-base": "^0.1.108",
"@react-native-community/netinfo": "^11.4.1",
"@react-navigation/bottom-tabs": "^7.2.0",
"@react-navigation/drawer": "^7.1.1",
"@react-navigation/native": "^7.0.14",
"@react-navigation/native-stack": "^7.2.0",
"@rneui/base": "^4.0.0-rc.8",
"@rneui/themed": "^4.0.0-rc.8",
"moment": "^2.30.1",
"react": "18.3.1",
"react-native": "0.77.0",
"react-native-gesture-handler": "^2.22.1",
"react-native-reanimated": "^3.16.7",
"react-native-reanimated-carousel": "^3.5.1",
"react-native-safe-area-context": "^5.1.0",
"react-native-screens": "^4.5.0",
"react-native-svg": "^15.11.1",
"react-native-vector-icons": "^10.2.0",
"react-native-webview": "^13.13.2"
},

BUNDLE ./index.js

ERROR Error: Unable to resolve module react-dom from G:\DeepakVerma\appserve\newremitapp\SimplyRemit\node_modules@react-aria\utils\dist\animation.main.js: react-dom could not be found within the project or in these directories:
node_modules
1 | var $78605a5d7424e31b$exports = require("./useLayoutEffect.main.js");

2 | var $bsryd$reactdom = require("react-dom");
| ^
3 | var $bsryd$react = require("react");
4 |
5 |

gluestack-ui Version

1.1.65

Platform

• Expo
• React Native CLI
• Next
• Web
• Android
• iOS

Other Platform

No response

Additional Information

No response

[Deepakvermaadequate]

@rajat693 i just want to use this but i am already very behind schedule , can you please check why the issue is coming

my app.tsx
`import React from 'react';
import Route from './src/Navigation/Route';
import { GluestackUIProvider, Text } from "@gluestack-ui/themed";
import { config } from "@gluestack-ui/config";
import 'react-native-reanimated';

function App() {
return (



);
}

export default App;`

[vish404]

npm install react-dom will get you started on dev

[Sophearithz]

the same issue

[Sophearithz]

my issue is "Gluestack UI v2 Initialization Issue: 'Not Initialized' Error When Adding Components in React Native CLI"

I am experiencing issues with adding components using Gluestack UI v2 in my React Native CLI project. Although the initial setup with npx gluestack-ui init seemed to work (as indicated by changes to the project files), subsequent attempts to add components using the npx gluestack-ui add box command fail with an error stating that Gluestack is not initialized. i don't see that the components folder was created, i don't know what's the problem

[manumathew17]

Still i am getting the same issue

[akash3gtm]

are you guys using expo with rn 0.77 or bare react native app?

[manumathew17]

are you guys using expo with rn 0.77 or bare react native app?

I am using bare react native app with "react-native": "0.73.0"

[akash3gtm]

unable to recreate the issue as I am unable to create a rn project with react-native cli for that specific version, can you help me with this?

[manumathew17]

i used npx [email protected] init AwesomeProject command to create a new project.

[akash3gtm]

we found the issue, this will be fixed in the docs as well as in the cli commands.

[akash3gtm]

This issue will take some time.
For the time being please install react-dom manually.