export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode; }>) { return ( <html lang="en"> <body > <SessionProvider > <Toaster/> <RegisterModal/> <LoginModal/> <Layouts> {children} </Layouts> </SessionProvider> </body> </html> Help me to extract sessions so that I can pass it to…
I know there are a number of questions posted around this and I have read through those, but I cannot seem to solve this issue. The Set Up I have my react app running on localhost:3000. My Express Server is…
I am generating multiple words from a JSON file and want to display only two lines at once, currently I am using line clamps but it truncates the last word of the second line. If the word is being truncated…
I'm working on a React form where I'm trying to change the background color of a label when a radio button is selected, but when I click/check the button it first update the state and on second click it shows…
I'm trying to filter the data by select, but I don't know why my code doesn't work. In the console I can see that it correctly shows me the selected items (option). I noticed that the problem is onChange, which…
I want to fetch data based on a custom hook in react query. if (filter == "NEW") { const { data, isLoading } = useGetConsultasByStatusQueryDate({ status: "NEW", queryDate: allTimeDateQuery(), }); } but shows the next error: React Hook "useGetConsultasByStatusQueryDate" is…
My site paths are like - https://www.example.com/us/en/products https://www.example.com/us/es/products https://www.example.com/us/en/categories https://www.example.com/us/es/categories or - https://www.example.com/[countryCode]/[languageCode]/products Though libraries like - next-intl provides a way to deal with languages only but not if it has some previous country code attached to it. Let me…
I have a problem with state in react. I'm create state with base empty value. Then i'm using function which set state value and then take new state value (as i thought) into next function. But my state has old…
I'm using useNavigate from react-router-dom to redirect users to different pages of website. I'm passing useNavigate as a prop to my Components so I can evaluate it later when user clicks on a button. all of my components are inside…
I have the following: {Object.keys(categorizedDatas3).map((key, index) => { categorizedDatas3 looks like this: { "Boat": { "items": [ { "Quantity": 1, "Name": "AAA" }, { "Quantity": 1, "Name": "BBB" } ] }, "4x4": { "items": [ { "Quantity": 1, "Name": "CCC"…