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…
I'm using NextJS14 with the app router. I want to create a game project. Initially, a description of the game and a Start button are displayed. When the Start button is clicked, the description disappears and the game begins. "use…
This css doesn't display background image .header { height: 85vh; background-image: linear-gradient( to right bottom, rgba(var(--color-primary-light), 0.8), rgba(var(--color-primary-dark), 0.8) ), url('/img/hero-small.jpg'); background-size: cover; background-position: top; position: relative; } The following code works without linear-gradient: .header { height: 85vh; background-image: url('/img/hero-small.jpg');…
I have a very simple app that consists of only a combobox and a card (it is going to be embedded on a Wordpress). NextJS, ShadCN ui. The combobox for some reason only works with keyboard, not with the mouse.…