Reactjs – Storing image data in MongoDB
I am new to MERN stack and am trying to create a helpdesk ticketing system for IT department of a company. I want to allow the user to be able to add a new ticket and view all previous tickets…
Reactjs – how should I refresh access token in cookie storage in React.js?
I'm practicing node js for server side of my app and react js for client side of my app, and I made my own auth server in node js to verify the refresh token and issue both of refresh and…
Javascript – React Tab component not updating active tab when Redux store value changes
I am using the Chakra UI Tab component in my React application. I have a number value stored in Redux, and I want to change the active tab based on this value. However, when I update the number value in…
Reactjs – How to hide a component only on home navbar using next.js 13?
I'm finishing my undergraduate degree and creating a website as my course's final project to promote my research. I'm learning next.js just for this. I have this sidebar in my layout.tsx, but I want to hide the "menuAlt" component only…
Html – How to align a logo within a red background with equal padding on all sides
Given the following code I got What I need is the red background have the same padding around th logo, now it has excessive left portion, the desire outcome for red background is how do I achieve that html code:…
Reactjs – Correct use of useReducer hook on multiple React components for Forms
So I'm having this project and it kills me with the way the instructions unfold step by step. At first they asked me to create a BookingForm.js component that includes a form, for my app. They asked me to use…
Reactjs – Inside of useEffect, both condition branches got triggered when refresh page
This is the useEffect code in the React component. import { useSession } from '@supabase/auth-helpers-react' const session = useSession() useEffect(() => { if (session) { console.debug('stay in page') } else { console.debug('goto login') router.push('/login').then( () => { console.debug('goto login done')…
Reactjs – How to configure CORS when using ASP.NET Web API on NET 7 hosted using Kestrel and React?
I'm working on a project using an ASP.NET Web API as the backend, and a create-react-app webpage as the frontend, and I can't get them to communicate anymore. No matter what I try, I constantly get CORS errors. They didn't…
ReactJS: JavaScript "Map" function says "is not a function" when trying to iterate on a "useState" array of objects
I am experiencing a problem that when I call the "map" function to iterate over a array of objects that was created using useState, I get a error saying that "map" is not a function. It works fine if I…
react-datepicker css selected range
I am implementing: react-datepicker: https://www.npmjs.com/package/react-datepicker My expected: But, when I change start-date and end-date, I changed border-radius for start-date and end-date, and this is my result: Link to try: https://codesandbox.io/s/crazy-snow-sm2z62?file=/src/App.js My problem is: doesn't have background around start-date and end-date