I have a table of values with varying values of location. I am trying to filter the rows in the database by matching the location value. The code is 'use client'; import { useState, useEffect } from 'react'; import {…
I trying to put value in url and trying to extract value in search.js with router, but I'm getting this error: TypeError: Cannot read properties of undefined (reading 'q') <form onSubmit={handleSubmit}> <input type="text" placeholder="Search..." value={searchValue} onChange={(e) => setSearchValue(e.target.value)} class="w-full px-4…
The array const props: NavButtonProps[] = [ { text: "Home", url: "teste" }, { text: "Services", url: "teste" }, { text: "projects", url: "teste" } ] where the method map is used const NavButtonWrapper = (buttons: NavButtonProps[]): ReactElement => {…
I'm using Next.js with app router. In my middleware.ts, I'm setting search params. But when I try useSearchParams() hook in client component, it just returns ReadonlyURLSearchParams {size: 0} Please help me out where I might be going wrong. Here is my…
I'm trying to test the debounce with Jest in a component I've made that uses URL params for a search. The handleSearch function uses the useDebounceCallback hook from usehooks-ts (which uses lodash debounce under the hood), and returns a Carbon…
Here is some typescript code that I have in a NexJS app: const holeSet:any[] = []; ..... let xx = 1, yy = 2; holeSet.push({x:xx,y:yy}); xx = 3; yy = 4; holeSet.push({x:xx,y:yy}); holeSet.map((e) => { console.log("element ::"+JSON.stringify(e)); }); const a…
I'm trying to create an arch-shaped shadow effect for an image in my React project using Tailwind CSS. My goal is to have the top part of the image covered by a semi-transparent arch-shaped shadow, similar to the attached example…
I have a NextJS 14 App hosted on AWS Amplify. Everything appears to work correctly except ... I have a download button that makes a FETCH (POST) request to an API endpoint. The API endpoint takes the data in the…
I am creating a stripe checkout session in my development mode, that is successfully sending information to my webhook, and when I print out my session details, it successfully prints out all the information from the session. The weird part…
Here in my component I have onSubmit which every time a task is added, it must reload the page, but it is not reloading after the onSubmit function is called, I have already checked and I do not receive errors…