Questions tagged [react-18]
The react-18 tag has no usage guidance.
react-18
163
questions
0
votes
0
answers
13
views
How to write test cases for file input using jest?
I am trying to write test cases for input type file but I am getting empty file like this e.g. File {}
const PortNumberStep1 = ({
state,
phoneTypeData,
phoneNumberProviderData,
getValues,
...
0
votes
1
answer
35
views
Can isomorphic-style-loader work with react18 renderToPipeableStream?
// server.js
const css = new Set();
const StyleContext = require('isomorphic-style-loader/StyleContext');
const insertCss = (...styles) => styles.forEach(style => css.add(style._getCss()));
...
- 115
0
votes
0
answers
20
views
Hydration Issue with ProgressiveLoading in react 18
Suppose I have a component that produces ABC as output at the server side
that same component at the client side act as progressive loading to reduce the bundle size of the page which in turn returns ...
-1
votes
1
answer
79
views
React 18 react-dom/client build fail on Vite
I'm attempting to build my React application after upgrading from version 17 to 18. After upgrading the React DOM and React versions to "react": "18.2.0" and "react-dom": ...
- 1,402
1
vote
0
answers
140
views
Disable defaultProps warning from node modules
Is there a way to disable the default props warnings that are coming from my node modules?
"Support for defaultProps will be removed from function components in a future major release. Use ...
- 710
0
votes
2
answers
50
views
React Conf 2024 video unavailable, why? [closed]
I want to watch React Conf, but cannot (video unavailable). Early I thought they close access and with reccap will open. But reccap now available and I still cannot watch React Conf.
https://www....
- 11
1
vote
1
answer
39
views
react: passed state update handler works only once
In a react app, I need to keep track of a state variable that amounts to a Map in which each key is a string and each value is a boolean, like this:
new Map([['a',true],['b',false],['c',true]])
The ...
- 29
0
votes
0
answers
356
views
Uncaught (in promise) Error: `headers` was called outside a request scope. next.js14
when i go to chats page The page is not responding due to this error, and when I open the console, I find the number of errors increasing non-stop, and this sentence appears to me:
Uncaught (in ...
- 51
0
votes
0
answers
67
views
React 18, Apollo client, Appsync not working together at all
I have tried all solutions available on internet but don't see apollo client working with appsync subscriptions with react v18. It works with queries and mutations only.
I am using these packages
[
...
0
votes
0
answers
123
views
How to avoid "The server is configured with a public base URL of /<any>/...." message while trying to route in React(vite)?
I want to route to test page in my React application. But it is showing below message.
The server is configured with a public base URL of /portfolio/ - did you mean to visit /portfolio/test instead?
...
- 29
0
votes
0
answers
126
views
NextJS 13: How to filter blog posts based on categories extracted from metadata?
Versions of application used:
"next": "^13.0.5"
"react": "^18.2.0"
I am encountering difficulties with filtering my blog posts based on the meta data extracted ...
1
vote
1
answer
966
views
Different setState behaviour in React 17 vs React 18
I was bug fixing the FE code for my company's App which still uses React 17, and I notice different behaviour when setting the state between React 17 and React 18 (without strict mode)
Code:
import ...
- 349
0
votes
0
answers
200
views
React 18 -> RenderToString and @loadable/server creating hydration issue
We are trying to migrate to react 18.
Our current code uses React 17 with @loadable for chunking at server and client with renderToString.
On simple migration to React 18 gives hydration error even on ...
- 373
2
votes
0
answers
144
views
Errors while upgrading NextJs version
Recently I upgraded my next app from version 12 to version 14.
I did all the required changes using codemod.
Now I am continuously getting this following errors:
Unhandled Runtime Error
Error: ...
0
votes
0
answers
15
views
Runtime Error ('destroy is not a function' )after upgrading from React V16 to 18
I've got the below error after ugrading react v18 from v16
Screenhot of the error
The project had useNavigate with .push method, had changed that to the below
const navigate = useNavigate(); navigate('...
