How to make the search value in the input box and the result be preserved when reloading the page (f5) when using reactjs? Ex: <Input type="text" placeholder={t('search_member')} value={paramsMembers.keyword} onChange={event => handleOnChangeSearch(event)} className="input-search cursor-pointer" /> i used save to local storage.…
I have this sticky navbar in my NextJS 13 application. It's a client component that I want to hide whenever the user has scrolled a certain amount of pixels. "use client"; import React, { useEffect, useState } from "react"; import…
Description I have multiple pages on my NextJS project and the react framework I used is Ant Design V5. The problem is only one pages has working styles but Ant or NextJS is not injecting/matching the styles on other pages…
I'm trying to adapt a Next.js template to start a new project. However, this type of import which I have seen in previous projects. import config from "@config/config.json"; import theme from "@config/theme.json"; I would like to know how to do…
I want to create a URL address that start with an underscore but i cant because next.js dacument said it was a private folder! how can i do it? example: /shop/_t-shirt
I have started using Material UI for a project. I created a TextField for a form field as shown below. I am trying to apply padding to this input field as demonstrated below, but the label is not being affected…
I want to create a URL, something like this: http://localhost:3000/boarding-school/delhi-ncr but router.push() keeps on pushing dynamic URL and it's generating something like this: http://localhost:3000/boarding-school/boarding-school/boarding-school/delhi-ncr and I don't want this, if somebody can help me please do it. I want a…
Home.js export default function Home({ movies }) { const [searchTerm, setSearchTerm] = useState(""); const [inputChanged, setInputChanged] = useState(false); const [loading, setLoading] = useState(false); const useDelayFuctionRef = useRef(null); const router = useRouter(); const client = {id:'',pass:''} useEffect(() => { const searchQuery…
I'm trying to create a react component (NextJS), which is a hexagon with an image inside it. The component should render the image that was sent as a prop. However, when I try to use multiple components with different images…
I am creating an e-commerce website website and I need to create a button where the user can click and the product is added to the cart. But before adding the product into the cart I need to show the…