node.js server app.post('/create-checkout-session', (req,res) =>{ console.log(req.form); console.log(req.body); const session = await stripe.checkout.sessions.create({ line_items: [ { price: "price_id", quantity: 1, }, ], metadata: { id: 1, email: "soubhagya", }, mode: "payment", success_url: `https://www.youtube.com/?success=true`, cancel_url: `https://www.youtube.com/?canceled=true`, }); res.redirect(303, session.url); }) React frontend…
I created the next app using the command npx create-next-app@latest myapp But then when I run the comman npm run dev the development server is not starting. It is struck here enter image description here I am pretty sure that…
This is my notesSlice: import { createSlice, createAsyncThunk } from "@reduxjs/toolkit"; import axios from "axios"; const url = "http://localhost:8000/"; const initialState = { notices: [], }; export const getNotices = createAsyncThunk( "notices/getNotices", async (_name, thunkAPI) => { try { const…
React app is showing a blank page when I run it on localhost. This is my code for app.js import React from 'react'; import {Footer, Blog, Possibility, Features, WhatGPT3, Header} from './containers'; import {Navbar, Brand, CTA} from './components'; const App…
Learning react here and doing the tic-tac-toe intro here: https://react.dev/learn/tutorial-tic-tac-toe. I'm trying to understand why my code isn't working. I'm on the https://react.dev/learn/tutorial-tic-tac-toe#completing-the-game portion, where you add components like: <Square value={squares[8]} onSquareClick={() => handleClick(8)} /> I'm trying to take a…
When I try to refresh page it prints "1" twice. But I'm not using any useState or variable update or state change I think. Can you tell me where I'm wrong? import "./styles.css"; import React, { useState, useEffect, useRef }…
I have a form (codesandbox here) with 2 components: A select input for the language (e.g.: English, Spanish) A textfield where the user enters a text in the selected language The default form data looks like this: { "greeting": {…
My useEffect doesn't seem to work on first render so the data that I need from the api is not passed to the other components. This means I get an error import "./App.css"; import api from "./api/axiosConfig"; import { useState,…
import React, { useContext } from "react"; import { AuthContext } from "../context/auth"; import { Navigate, useLocation } from "react-router-dom"; const PrivateRoute = ({ component }) => { const { user } = useContext(AuthContext); let location = useLocation() if (!user)…
So, I'm trying to make a modal in React. I separated the modal into another file from the element that triggers and renders it to reveal itself. The modal opens but for some reason when I try to get it…