I am working on an API project using React-Router-DOM for navigation and when the initial search results are called I have an array of 8 movies that are shown based on a keyword from the user's search query. Once the…
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 was creating a text input space using input type area, using onChange utility. That's working fine. But, now I created a emoji bar and want to add the specific emoji on click to the input space, indirectly trying to…
Recently when I'm working with inputs in React / Javascript and I click into the inputs to type stuff like address etc, Chrome opens up this strange context menu which is unwanted by me. Is there a way to disable…
I'm trying to remove all HTML elements from an article and adding a highlight class at the end to highlight the search word. Unfortunately, this regex doesn't seem to work as expected. According to this post, a dynamic regex should…
I have following code where i am using book.id to as key, but for some reason it does not work. <h1>Book shop</h1> <div className="books"> {books.map(book=>( <div className="book" key={book.id}> {book.cover && <img src={book.cover} alt=""/>} <h2>{book.title}</h2> <p>{book.description}</p> <span>{book.price}</span> <button className="delete" onClick={()=>handleDelete(book.id)}>Delete</button> <button…
I just created a new Laravel app with breeze and react to learn something new. I am just trying to figure out how React works. I was going through the files and tried changing stuff so I see the consequences,…
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…
I am using redux in a project, the issue is that am saving a token gotten from login of a user, but when i try to use it a component it returns null. i used console.log to verify that it…
This is my react component const ButtonComponent = ({ children, onClick, disabled, className = "" }) => { console.log("class name is ", className); const buttonClassName = ` bg-green-700 flex hover:bg-green-500 transition duration-300 ease-in-out text-white h-auto text-base p-2 rounded-[5px] m-2 ${…