I was trying to Send Bearer authentication token to from Front-end to Back-end then I was getting CORS error. I am using JWT token for authentication in Backend Built using Spring Boot. I have configured the Security Configuration @Bean public…
I've installed Cursor IDE and opened my React project which I developed using Webstorm IDE. When I did some changes in one of my .jsx files, Cursor automatically sorted my imports by it's own point of view or by alphabet,…
I’m using JWTs for authentication with an accessToken and a refreshToken. The accessToken is short-lived (e.g., 15 minutes). The refreshToken is long-lived (e.g., 7 days). When the client uses the /auth/refresh endpoint to get a new accessToken, should I also…
As seen in the code below, im using firebase's signInWithRedirect, based on a few peoples docs, this is the preferred approach, but in my case, the getRedirectResult is always returning null, even after logging in. What am i doing wrong…
I have a parent component which uses N children components, where N depends on the props in input. For example: function Parent({ cards }: { cards: Cards[] }) { return ( <> {cards.map((value, index) => <ChildComponent ref={TODO} value={value} key={value.id} />…
I am using react-bootstrap in v5.3.3 in a single side application. A form is shown in a offcanvas which is flying in from the right side of the screen. It works as expected when the offcanvas is closed by clicking…
I have a similar structure as the one below in my project, currently using react-router-dom v5. Let's call this <Routes /> component: <Switch> <Redirect from="/" to="/some/path" /> <Redirect from="/main" to="/some/path" /> <Route path="/main" component={SomePage} /> </Switch> And inside <SomePage />,…
I have this handler and function to update my react context but it's not updating. It does not dispatch the action This function switches accounts const loadAccountSwitch = useCallback( async (accountId, userId, userRoleName) => { if (!accountId || !userId ||…
I am working with material-react-table v3 and this my implementation: import {MaterialReactTable,useMaterialReactTable} from "material-react-table"; const MaterialTable = ({ columns = [], data = [], selectedState, setSelectedState, isSelectable = false, }: any) => { const table = useMaterialReactTable({ columns, data, enableRowSelection:…
The error message is 'Uncaught SyntaxError: The requested module '/src/features/authentication/useUpdateUser.js' does not provide an export named 'useUpdateUser' (at UpdateUserDataForm.jsx:10:10)' Here is my useUpdateUser.js import { useState } from 'react'; import { toast } from "react-hot-toast"; export const useUpdateUser = ()…