So I'm trying to implement typescript to an existing project. However, I came to a stop, where I get an error of: SyntaxError: Cannot use import statement outside a module Here, is my helper class, which is omitted. However, you…
In nextjs . I want to block navigation and appear a confirmation window popup when user trying to navigate to another page. the navigation should continue if the user click yes in the confirmation popup. If the user clicks the…
I use this code to connect to my own mqtt broker with socket from Nextjs and it works fine import mqtt, { MqttClient } from "mqtt"; //... mqtt.connect("ws://IPADDRESS:1884"); //.... Now, I want to change it to secure websocket (wss) and…
I am trying to use 3rd party package ReactPhotoSphereViewer in NextJs to display panoramic images in the website. The package works both in NextJs and in ReactJs. Here is the code that is works in ReactJs: import { ReactPhotoSphereViewer }…
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…