Passing data between next pages – Reactjs
I want to pass data between next js pages , large amount of user filled data including image . How can I achieve that? I tried to look for nextjs docs but I couldn't find any solution
Firebase – Load data from Firestore on page load with useEffect
Simplified code that I am using: import { useState, useEffect, useContext } from 'react' import { useRouter } from 'next/router' import { firestore } from './firebase-config' import { getDoc, doc } from 'firebase/firestore' export default function HomePage() { const router…
Getting Error: Rendered more hooks than during the previous render – Reactjs
When I load my Nextjs page, I get this error message: "Error: Rendered more hooks than during the previous render." If I add that if (!router.isReady) return null after the useEffect code, the page does not have access to the…
mux-player-react don't recognize object-fit cover – Reactjs
I'm using mux-player-react on a next.js site to implement a large background looped movie. https://website-agobay-coming-soon-5iemrgd6o-hhag.vercel.app/ The video should be object-fit: cover to cover all the browser window. unfortunately it doesn't work. eather with: .videoMob { --controls: none; --media-object-fit: cover; --media-object-position:…
How can i Use Material Ui Theme Provider and Redux toolkit in Next Js? – Reactjs
Actually my problem is that I want to add a light mode dark mode feature for my next js application using redux toolkit. In _app.js if adding like this <ThemeProvider theme={theme}> <CssBaseline /> <Provider store={store}> <Component {...pageProps} /> </Provider> </ThemeProvider>;…
How to avoid sending a bunch of requests to update data in DB – Reactjs
I have an unregistered user that works with my application, getting some progress. I keep this progress in local storage. Then, when the user decides to register, I send a PUT request to sync his progress with DB. For that…
Can't get the id url from next js and use it with axios – Reactjs
I've been trying to make a get request with axios, but it doesn't work because the id const doesn't load and is marked as undefined. Here is my code: import Head from 'next/head' import axios from 'axios' import React, {…
How do I persist my next-auth user session? so i could use the ID provided to fetch data in other routes – Ubuntu
What I want to achieve here is, whenever a user logs in, I want to store the data returned because the data holds an ID that I would use to fetch data in other routes. When a user successfully logs…
Next.js/React application with pm2: SyntaxError: Unexpected token '<' – Reactjs
I'm new to next.js and react. I have created a simple application and would like to serve it using pm2 and Apache. When I run npm run dev in the folder of the next project, the server starts and I…
How to manage links in a Nextjs application – Reactjs
I have a Nextjs application. The app will grow to a nice size (200 pages) What is the best way to manage links. Some pages will have navigation buttons and and hrefs, hyperlinks. I am looking for solution to manage…