I'm going through adding gluestack to my Next.js app, using npx gluestack-ui init from the installation guide.
Seeing that my Next.js app is on next@15, I should follow the additional steps, but it looks like the init generates the files for me and there some differences between what code I need to change from the additional steps and what's generated.
What should I do here - keep the code thats generated from init or replace the generated code with that shown in the installation guide?
Reason I ask is because I'm seeing the following errors when running
npm run dev
. The [patch](
https://github.com/gluestack/gluestack-ui/issues/2721) is supposed the
findDomNode
import error, but I'm not sure about the other two.
./node_modules/@react-native-aria/interactions/lib/module/index.js
export 'PressHookProps' (reexported as 'PressHookProps') was not found in './usePress' (possible exports: usePress)
Import trace for requested module:
./node_modules/@react-native-aria/interactions/lib/module/index.js
./node_modules/@gluestack-ui/overlay/lib/index.jsx
./components/ui/gluestack-ui-provider/index.web.tsx
./node_modules/@react-native-aria/interactions/lib/module/index.js
export 'PressResult' (reexported as 'PressResult') was not found in './usePress' (possible exports: usePress)
Import trace for requested module:
./node_modules/@react-native-aria/interactions/lib/module/index.js
./node_modules/@gluestack-ui/overlay/lib/index.jsx
./components/ui/gluestack-ui-provider/index.web.tsx
./node_modules/react-native-web/dist/exports/findNodeHandle/index.js
Attempted import error: 'findDOMNode' is not exported from 'react-dom' (imported as 'findDOMNode').
Import trace for requested module:
./node_modules/react-native-web/dist/exports/findNodeHandle/index.js
./node_modules/react-native-web/dist/index.js
./node_modules/react-native-css-interop/dist/runtime/components.js