Created new React-native project and installed gluestack-ui using npx gluestack-ui init

faced a 'react-dom' error fixed it by installing react-dom package

installed all components using npx gluestack-ui add -all --use-yarn

-> App.tsx

import React from 'react';
import {Box} from '@/components/ui/box';
import {Text} from '@/components/ui/text';
import {GluestackUIProvider} from './components/ui/gluestack-ui-provider';

const App = () => {
  return (
    <GluestackUIProvider mode="system">
      <Box className="bg-primary-500 p-5">
        <Text className="text-">This is the Box</Text>
      </Box>
    </GluestackUIProvider>
  );
};

export default App;