I am trying to make a form and obviously do not want the page to refresh on submit but I am struggling to make this happen. Here's the code: 'use client' import * as React from 'react'; import {useForm} from…
I am on the latest version of SolidJS and I am unable to detect scroll events with onscroll. Even with the basic starter code. import type { Component } from 'solid-js'; import logo from './logo.svg'; import styles from './App.module.css'; const…
This is my code github link: https://github.com/Spale96/WeatherApi I have changed my API key inside my VScode, but netlify still uses old API key even after I have added environment variable inside with new API key. My question is how to…
Hello dear stackoverflow users. First of all, thank you in advance for your help. I have a react application in this application, I check the user login process when going to the /admin page, if the user is not logged…
I am using react-router-dom version 6.11.2 for my front-end routing in my App.js file: import "./App.css"; import { Route, RouterProvider, createBrowserRouter, createRoutesFromElements, } from "react-router-dom"; import RootLayout from "./layouts/RootLayout"; import { UserContextProvider } from "./store/user-context"; import NotFound404 from "./components/Utility/NotFound404"; import…
i have a "carousel" displaying fruits, also has a like button beside the carousel, im loading carousel items with fruits (arr of objects) which is a response of a GET req, i used "loader" from react-router for this GET req,…
I am working on a website using react.js and tailwindcss. Yesterday ı was starting my project on localhost and everything was fine. I didn't change anything but I can not open my project on localhost now.Error is Cannot find module…
In my PostgreSQL database, I have a numeric type column with very small numbers (e.g. 0.000000022385). I have a FastAPI endpoint which returns this data like so: @app.get("/data", response_model=List[models.Data_Read], tags=["DataModel"]) async def getall_data(): with Session(database.engine) as session: query = select(models.data_row)…
Im trying to implement protected routes using react loader in react-router-dom. I have a loader attribute in my Route tag which calls a dummy requireAuth() function that checks if the route is authenticated. This function is present in a util…
// client side code const onToken = async (token) => { console.log(token); const bookingDetails = { room, userid: JSON.parse(localStorage.getItem("currentUser"))._id, fromdate, todate, totalAmount, totaldays: totalDays, token, }; try { setLoading(true); const result = await axios.post("/api/bookings/bookroom", bookingDetails); setLoading(false); Swal.fire( "Congratulations", "Your Room…