I want to somehow get my return value after getting session. App.jsx file import { useEffect, useState } from 'react' import './App.css' import {Navigate} from 'react-router-dom' import { supabase } from './helpers/supabaseClient' function App() { const [session, setSession] = useState(null)…
I'm working on a React application and I'm trying to listen to back button click events so I can customize the navigation flow. I've created the following hook: export default function useBackButton( goTo: string, ) { const navigate = useNavigate();…
I want the user to be redirected to the home page after successfully logging in, I store the data of the api request to log in the user in a variable called currentUser, so if currentUser is true it should…
I write a simple app in react and in this app i use the createBrowserRouter component: import React from "react"; import { createRoot } from "react-dom/client"; import App from "./App"; import reportWebVitals from "./reportWebVitals"; import { ThirdwebProvider } from "@thirdweb-dev/react";…
I'm new to React and front end in general, so I'm learning everything from square zero and I've hit a barrier I can't solve by myself. What I'm trying to do now is to redirect after submitting a form. I'm…
I'm trying to implement private and public routing in my project. But it isn't working. I'm following the latest approach.I tried alot but can't figure out the solution. Signin is comes in public Routes. And PageLayout and its childrens comes…
I am creating a react-router prompt, so here I want to apply the alert message when you want to switch from one tab to another. I have applied the alert property for that I had create a function confirmSwitchTab, but…
I am in the process of creating a shopping page which contains an array of items, I have also implemented functions such as "addToCart", "removeFromCart", "increaseQuantity" and "decreaseQuantity". However, when I pass these values as a prop to the cart…
There are two web components which are being hosted in respective servers. I can view the web components individually. Server A: VIEW: abc.com/a/index.html CONFIGURATION abc.com/a/a.js abc.com/a/main.css <a-webcomponent> Server B: VIEW: abc.com/b/index.html CONFIGURATION abc.com/b/b.js abc.com/b/main.css <b-webcomponent> Now I have a new…
I have Manage Items page where can see items in a table with two actions as Edit and Delete. Required, on click of edit/delete button the Edit/Delete component should be rendered with url like manage-items/edit/1 or manage-items/edit?id=1 Currently: Base URL:…