Questions tagged [reactjs]
React is a JavaScript library for building user interfaces. It uses a declarative, component-based paradigm and aims to be efficient and flexible.
reactjs
191,250
questions with no upvoted or accepted answers
33
votes
2
answers
25k
views
"This Suspense boundary received an update before it finished hydrating." Error when using suspense and dynamic import in Nextjs
I'm trying to lazy load a list of data with suspense and dynamic import in Nextjs. But getting following error:
Error: This Suspense boundary received an update before it finished hydrating. This ...
- 407
25
votes
0
answers
2k
views
Using Apollo's writeFragment to update nested list
I am working on a application in which a ship can be configured using rudders and other stuff. The database structure is sort of nested, and so far I have been keeping my GraphQL queries in ...
- 366
25
votes
2
answers
2k
views
ASP.NET Core Identity SPA with React
I am confused and a bit lost about using ASP.NET Core Identity with a React SPA.
I have read Microsoft documentation about ASP.NET Core Identity several times, mostly focusing on the Identity with ...
- 837
24
votes
1
answer
2k
views
Using vanilla-extract as the styling engine for Material-UI
Some background
Our team has been using Material UI for quite some time, and we love it. With the release of Material UI v5, we took the time to check which styling solution we would use next since ...
- 3,876
23
votes
2
answers
3k
views
React Navigation 6 Hide Drawer Item
How can I hide screens from appearing as items in the drawer of @react-navigation/drawer version 6.
In React Navigation 5 it was achieved by creating custom drawer content like this
const ...
- 3,043
23
votes
1
answer
2k
views
"this.getClient(...).watchQuery is not a function" - remote schema stitching with Apollo 2 / Next.js
So I'm attempting to stitch multiple remote GraphCMS endpoints together on the clientside of a Next.js app, and after trying/combining about every example on the face of the internet, I've gotten it ...
- 519
23
votes
2
answers
5k
views
How to get verbose log from react-scripts build script?
I upgraded to the react-scripts v5 and my build fails with an unuseful message:
Creating an optimized production build...
Failed to compile.
Module not found: Error: Can't resolve '...' in '/project/...
- 2,379
22
votes
1
answer
1k
views
React native (expo) web view Error net::ERR_CACHE_MISS
I am using react native(expo) and try to use web view package
And i am getting this warning in console and didn't see anything on mobile screen.
"sdkVersion": "36.0.0",
"expo": "~36.0.0",
...
user12500983
22
votes
1
answer
2k
views
How to split chunks when authoring libraries with webpack 4?
I'm trying to publish a custom react component to a private repository.
I use react-loadable to load a subcomponent on demand. When running locally, everything works fine. The index.js file ...
- 232
22
votes
3
answers
19k
views
Cross-Origin-Opener-Policy policy would block the window.postMessage call error with Sign in with Google
I have implemented Sign in with Google using popup UX mode for a React site hosted on Firebase. I am able to sign in, however, each time I sign in on localhost:3000 or on a deployed version of my ...
- 441
22
votes
3
answers
5k
views
TypeScript issue with styled-component's "css" prop and Storybook
I'm having issues with enabling styled-component's css prop in TypeScript as soon as I import something from Storybook, because Storybook depends on @emotion/core, whose type declaration defines ...
- 2,147
20
votes
0
answers
2k
views
Reactjs dev tool: hook number does not exist
In order to understand why components are re-renders without apparent reason, I started the profiler. I can see that my component re-renders because of Hook 18:
So to understand what this mean, I ...
- 2,095
20
votes
0
answers
5k
views
Typescript pnpm monorepo, path aliases conflicts between local dependencies during build
I have a PNPM with TurbeRepo monorepo, used this template. In this monorepo I have a NextJS app that uses a ui-shared package (local shared code, not actually an npm package).
The ui-shared is made in ...
- 1,746
20
votes
2
answers
3k
views
Inject CSS Modules to Per-Component Style Elements (for portability to shadow root)
TL:DR
How can I get CSS of React components to work inside of a shadow root, while keeping the
encapsulation benefits of CSS Modules class? I'd like to insert per-component <style> elements ...
- 673
18
votes
2
answers
5k
views
How can I conditionally disable a control in Storybook based on the value of another argument?
I am trying to conditionally disable a Storybook.js control based on the value of another argument. For example, I have a modal component that can be of type 'alert', 'confirmation', 'content', or '...
- 303