Im currently working on auth in a mern stack project. I built a backend API which validates the JWT which the user has when trying to render a site. Ill show some detailed infos here in "Pseudocode": AS SAID BEFORE…
I created a custom Lingui wrapper in a React project: function translate(translateObject: ITrenslatable) { const { i18n, id, fallback, values, comment } = translateObject; let translatedText = i18n._({ id, message: fallback, values, comment, }); if (translatedText == id) { translatedText…
I'm learning tailwind using react and i can't seem to make the navbar horizontal. It even disappears on the Ui at some point. how would you edit the following code to be horizontal? const Navbar = () => { return…
Here is my vite.config.ts: import { defineConfig } from "vite"; import react from "@vitejs/plugin-react"; import postcssNesting from 'postcss-nesting'; // https://vitejs.dev/config/ export default defineConfig({ plugins: [react()], build: { outDir: "../backend/static", emptyOutDir: true, sourcemap: true }, server: { proxy: { "/ask": "http://localhost:5000",…
I have no idea why firebase auth is not persisting. My project is super simple so far, i have this sign in function. await signInWithEmailAndPassword(auth, email, password); And in the layout.tsx I have the onAuthStateChange const unsubscribe = onAuthStateChanged(auth, (user)…
Here in my code the api is called twice,i see loading data twice in console , i tried a few ways like using a varibale to check if loader is already loaded etc,but none of them worked,i am beginner in…
I am trying to create a Static Web App in Azure Portal and deploy React code written in Visual Studio Code from github. The instructions I am following are here: Quickstart: Building your first static site with Azure Static Web…
I want to make a file with many directories such as: <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src="App.js"></script> </head> <body> <h1>To-do List</h1> <input type="text" name="addTask" id="addTask" placeholder="Add a new task!"> <div id="toDoContainer"></div> <input type="button" id='button' value="Add task"…
I don't know why the Drawer component does not obey the styling rules I specified. I.e., its width it not 17rem, on the one hand, and, I don't know why it exceeds its parent component borders, on the other hand.…
I have react component named IconRenderer and I'm passing 2 props named iconName and iconPath. What the IconRenderer do is it imports react-icon module using lazyload by taking the iconPath and iconName The following is my IconRenderer component type Props…