I have an page '/message/:id' with a back button on top left which routes back using router.back() function, Which works perfectly fine when i get routed to that page from any other screen. But now i'm also sending notification which…
How to apply different styles for a class in Tailwind CSS when the theme is switched to dark using Next.js 13.4 and next-theme? I'm trying to set up a dark theme in Tailwind CSS with Next.js 13.4 using next-theme. In…
I want to use Gatsby and NEXT.JS in a project. Can I use Gatsby and NEXT.JS together?
I'm new to Typescript and I wactch a tutorial that use next-auth, but since I following the tutorial with Typescript, I encounter this error when using getProviders function. As you can see when I try to update the state it…
I am using Next.js 13 with the App Router and have the following client component, which uses media queries inside the javascript to display a sidebar differently for small/big screens. "use client"; export default function Feed() { const [isLargeScreen, setIsLargeScreen]…
I've no clue how to fix this as am new to REACT-NEXT (am an Angular guy). Below is element that am utilizing from another resource like import example-custom-ele-parent, {example-custom-ele-child} from 'custom-tags/example-custom' <example-custom-ele-parent> <example-custom-ele-child></example-custom-ele-child> </example-custom-ele-parent> when I see css for example-custom-ele-child…
user.ts import mongoose from "mongoose"; const UserSchema=new mongoose.Schema({ _id:mongoose.Types.ObjectId, name:{ type:String, require:true }, email:{ type:String, require:true }, password:{ type:String, require:true, }, liked:[{ type: mongoose.Types.ObjectId, ref:'blogs', require:true }], myBlog:[{ type: mongoose.Types.ObjectId, ref:'blogs', require:true }] }) module.exports=mongoose.models.users||mongoose.model('users',UserSchema) blogs.ts import mongoose from "mongoose";…
I am trying to create a button that loops through a specific set of themes when pressed. Also, after displaying the last theme, it would loop back to the beginning of the array. I created a handle function that would…
I am doing: const {data} = useSWR("api/data", fetcher, {refreshInterval: 10000}) console.log(data.find(d => d.id === "123")) However, the error: TypeError: Cannot read properties of undefined (reading 'find') May I ask how I can solve it?
On my client component, I call getBenchmarksByUser() to fetch the data I need: export default function BenchmarkBrowser({uid}) { console.log("client uid:", {uid}) // Watch the state of our Benchmarks const [benchmarks, setBenchmarks] = useState(); // Send the server a request for…