Questions tagged [react-18]
153 questions
1
vote
1 answer
Lazy chunk Failed: Restore/Reload failed split chunk with react lazy and suspense in react 18.2.0
I have migrated my code in react 18.2.0. I am using
Code splitting using suspense and lazy.
Single page application
Split chunk loaded perfetly and Happy flow is working. Below is the code
let LoginPageM = React.lazy(() => import('./LoginPageM'…
Himanshu Gupta
- 382
- 4
- 15
1
vote
0 answers
How to add recoilize debugger to react 18 app?
I used 'create-react-app', installed "recoil", and tried a simple example here.
Then I tried to add recoil debugger to the chrome extension. But it doesn't work and the app crashes with an error. I assume it is because the example is written with…
Nastya Hahanova
- 26
- 2
1
vote
1 answer
React v18 causes error without code changes, JSX no longer accepted?
Since React 18 I have some errors when rendering the application and can't nest any elements as it seems.
For example, I have the following code in my application:
return (
user17145524
- 227
- 4
- 10
1
vote
1 answer
React Apollo - GraphQL files are not updating/reflecting the changes
I am upgrading my react app to version 18, its still in progress but i am facing a weird behaviour with graphql queries. I am using React Apollo to manage all the frontend store data and graphql macro to load all graphql files. Earlier also every…
Gurpreet Singh
- 209
- 1
- 9
1
vote
2 answers
Module not found: Error: Can't resolve './App' from React 18 w/TypeScript
Getting this error when trying to upgrade to react 18.
I wonder if it has to do with my file types? I'm using typescript so I assume both the app and index have to end with a .tsx?
Teh app and index file are both within the same folder (src)
ERROR…
CleverlyDone
- 57
- 1
- 10
1
vote
2 answers
useUpdateEffect is not working in React18
I need to call an effect callback whenever a particular state is changed inside my component but the callback should not be called during the mounting stage. I have created a custom hook (Refer).
function useUpdateOnlyEffect(callback){
const…
noName94
- 3,783
- 1
- 16
- 32
1
vote
0 answers
How to avoid double network requesting per one fetch in React 18?
Trying to make a memory card game by guide with React 18 and Pexels API I've meet some problem.
Trying to fetch data from API somehow my app send double network request per "mounting". Spent several hours trying to fix it with zero result.…
Endo Resu
- 35
- 1
- 1
- 4
1
vote
2 answers
React 18 useId cannot be in key
The error: React Hook "useId" cannot be called inside a callback. React Hooks must be called in a React function component or a custom React Hook function.
So, question, where we can use useId()?
I also got the same id for my mapped divs with the…
Ferel Ultra
- 45
- 1
- 9
1
vote
0 answers
Firebase Auth not working properly with React 18
My environment
Operating System version: macOS Monterey 12.3.1
Browser version: Chrome 100.0.4896.60
Firebase SDK version: 9.6.10
Firebase Product: auth
Relevant Code:
// src/index.js
import React from 'react';
import { createRoot } from…
Semih R. Gürel
- 31
- 6
0
votes
0 answers
google-autocomplete not working with shadcn-ui component `command`
I want to implement Google Place Autocomplete using the shadcn-ui command component in Next.js 13. I was following a tutorial on youtube https://youtu.be/BL2XVTqz9Ek?si=XfnVHs1BRhhL8_Nn. However, in this tutorial, the author uses @reach/combobox,…
Amith A G
- 378
- 13
0
votes
0 answers
Reach Combobox Installation Issue in Next.js 13
I'm new to Next.js 13, and I'm trying to implement the @reach/combobox package for Google auto-completion functionality. However, I'm facing difficulties using @reach/combobox in Next.js 13. I found shadcn-ui to be quite confusing. Are there any…
Amith A G
- 378
- 13
0
votes
0 answers
isHermesEnabled overrides nothing in Kotlin
My project is using React 18 and Kotlin. The MainAplication.kt is returning an error that says:
'isHermesEnabled' overrides nothing
This is the Main Application file:
class MainApplication : Application(), ReactApplication {
private val…
dlc
- 1
- 1
0
votes
1 answer
useRef behavior is different in strict mode and non-strict mode in React 18 development
const { Fragment, StrictMode, useRef, useState } = React;
const { createRoot } = ReactDOM;
function CountLabel({ count }) {
const prevCount = useRef(count);
console.log("prevCount: ", prevCount.current)
console.log("count: ", count)
const…
0
votes
0 answers
Page Unresponsive While Rendering a Same React-virstuso Component with different data set
i have a customized react-virtuso table with a each row have a accordions like expand collapse row , i splitted the code in 3 different files i have a data set in one file then mapping the data set in to the react-virtuso , when i am running my code…
Aravinth K
- 1
- 1
0
votes
2 answers
React - Contents won't load until refresh - state management issue
Data won't load until I refresh the page. I believe the issue is state management but I can't seem to make it work. Any help is greatly appreciated!
When a user signs up for an account, they log into the session and all users posts are supposed to…
janestack
- 43
- 3