GeekyAnts / GeekyAnts/NativeBase

Nativebase not supported with Next JS and React Native CLI built with Nx Monorepo

Open
#5,561 3 comments 0 reactions 0 assignees View on GitHub
bug triage v3
Dominant language
TypeScript
Stars
20.4k
Forks
2.4k
PR merge metrics
No merged PRs in 30d

Description

### Description

Nativebase with React Native CLI and Next JS built with Nx monorepo breaks in installation

### CodeSandbox/Snack link

https://notavailable.com

### Steps to reproduce

My project is built with Nx monorepo where we want to use Nativebase for Next JS project and React Native CLI project.

Not enough Nativebase documentation for NextJS with Nx. Nx and Nativebase work by decorating next.config.js but break when bound together.

Not enough Nativebase documentation for NextJS and RN CLI combination. Installing Nativebase without expo requires a webpack loader to load the Image from React Native.

I also tried setting up React Native CLI with https://docs.nativebase.io/next-adapter but it is also breaking in reading Image of React Native.

### NativeBase Version

3.4.21

### Platform

- [ ] Android
- [ ] CRA
- [ ] Expo
- [ ] iOS
- [ ] Next

### Other Platform

React Native CLI

### Additional Information

_No response_

Contributor guide

Open the contributing guide

Research direction

Start by reproducing the installation in an Nx monorepo using the Next.js project and React Native CLI project described in the issue. Read next.config.js and the NativeBase next-adapter documentation, then check the webpack loader needed for React Native Image imports. Done means both projects install and build successfully without the Image-related failure.

Written by the indexing model from the issue text.

Assessment

Tech stack
nextjs, react-native, webpack
Domain
build-system, frontend, mobile
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.