I use Next.js and Next-auth for my project. I'm building a Sidebar component where I want to show a list of items from a user. So I'm getting the session with useSession. When I log the session like so... export…
I am learning solidity from last 3 months but now I am confused how to connect your contract with frontend (with react or next). Every developer has their own way of applying it as i am, i want to with…
I am trying to pre save and hash password with bcrypt in mongoose in my next.js project, but password still unhashed. i tryed every link in stackoverflow and didnt solve it, the password still saved unHashed. mongoose version: 6.9.1 this…
I am using NEXTJS and SanityIO. I am getting this error when adding this Framer motion component? "TypeError: createContext only works in Client Components. Add the "use client" directive at the top of the file to use it. Read more:…
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
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…
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…
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:…
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>;…
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…