I am using React Router and it works normally in dev environment (localhost) but it doesn't work on production. When I access, for example: abc.com/products, it will still say Failed to load resource: the server responded with a status of…
I have created Next.js app by the command npx create-next-app@latest after running it npm run dev, I am getting below error. Uncaught TypeError: URL.canParse is not a function at getSocketUrl (webpack-internal:///(:3001/app-pages-browser)/./node_modules/next/dist/client/components/react-dev-overlay/internal/helpers/get-socket-url.js:23:13) The app is created with Next.js version 14.2.11 I…
I have a functional component export const Example = () => { const [data, setData] = useState<number>(0); useEffect(() => { return () => { console.log("data", data); // ----> Here i want current value of data at the componentWillUnmount }; },…
I am getting this error: WebSocketClient.js:13 WebSocket connection to 'wss://domain:3000/ws' failed: However, I have not set up the Websocket, it was outomatically added with create-react-app. I have read somewhere that it is Hot Reload and should disappear in production build.…
I am building a React library using webpack, and the library builds correctly into an es6 module. We are then trying to host this module on a CDN so we can import it through a url instead of node_modules. We…
mask input does not work with input from antd. maybe the ref needs to be transferred somehow in a different way. export const MaskedInput = () => ( <TextMask mask={[/d/, /d/, /d/, /d/, /d/, /d/]} render={(textMaskRef, props) => ( <Input…
I create a Next app using typescript and tailwindcss i am unable to display my Image location in Public/assests/images/me/me.png i also created a types folder in which i created a images.d.ts file my console view my code import React from…
This is my very simple React app. I have no idea why it show me 2 copies of header and footer. All components of the page renders in the first <body> once more: <html lang="en"> <head></head> <body> <header>/* header content*/</header>…
I have this as state in my component const [state, setState] = useState<IEmployee>(employeesInitialState) And this is the code that is handling changes of that state setState((prev: IEmployee) => { const copy = { ...prev } copy.contact[name[1]] = value return copy…
I am new to Next js, what are the possible ways to upload files in mongodb using nextjs. Is it possible to upload directly in mongodb,if not what are the best hosting websites to upload my files. Thanks in advance…