Uncaught referenceError: не может получить доступ к «stripewrapper» перед инициализацией ⇐ Javascript

[Anonymous]

Я продолжаю получать эту ошибку: < /p>
Uncaught ReferenceError: Cannot access 'StripeWrapper' before initialization
< /code>
Это мое приложение.js: < /p>
import logo from './logo.svg';
import { Routes, Route, createBrowserRouter, RouterProvider, Navigate, Outlet } from 'react-router-dom';
import { Elements } from '@stripe/react-stripe-js';
import { loadStripe } from '@stripe/stripe-js';
import './App.css';
import 'bootstrap/dist/css/bootstrap.css';
import Header from "../src/Components/Header";
import Home from "../src/Components/Home";
import Search from "../src/Components/Search";
import Login from "../src/Components/Login";
import Sell from "../src/Components/Sell";
import Signup from "../src/Components/Signup";
import ErrorPage from "../src/Components/ErrorPage";
import StripeComplete from "../src/Components/StripeComplete";
import StripeError from "../src/Components/StripeError";
import BuyImageCheckout from "../src/Components/BuyImageCheckout";
import Selling from "../src/Components/Selling";
import {} from "./APIRequests/Api";

const stripePromise = loadStripe('xxxxx');

const router = createBrowserRouter([
{
path: '/',
element: ,
children: [
{
index: true,
element: ,
},
{
path: '/search',
element: ,
},
{ path: '/sell',
element: (



),
},
{
path: '/login',
element: ,
},
{
path: '/signup',
element: ,
},
{
path: '/stripecomplete',
element: ,
},
{
path: '/stripeerror',
element: ,
},
{
path: '/selling',
element: ,
},
{
path: '/sell/buyimagecheckout',
element: (
{
return (

{children}

);
};
function LayoutComponent() {
return (



{/* Nested routes render here */}


);
}

function App() {
return ;
}

export default App;
< /code>
BuyimageCheckout - это страница, которая загружает элемент карты из Stripe, если вы хотите, чтобы я опубликовал код для BuyimageCheckout, дайте мне знать, что она получила нагрузку HTML, которая создает страницу проверки изображения. < /p>
Полная ошибка: < /p>
ERROR
Cannot access 'StripeWrapper' before initialization
ReferenceError: Cannot access 'StripeWrapper' before initialization
at ./src/App.js (http://localhost:3000/static/js/bundle.js:59619:93)
at options.factory (http://localhost:3000/static/js/bundle.js:65759:30)
at __webpack_require__ (http://localhost:3000/static/js/bundle.js:65114:32)
at fn (http://localhost:3000/static/js/bundle.js:65375:21)
at hotRequire (http://localhost:3000/static/js/bundle.js:65742:47)
at ./src/index.js (http://localhost:3000/static/js/bundle.js:64706:62)
at options.factory (http://localhost:3000/static/js/bundle.js:65759:30)
at __webpack_require__ (http://localhost:3000/static/js/bundle.js:65114:32)
at http://localhost:3000/static/js/bundle.js:66363:37
at http://localhost:3000/static/js/bundle.js:66365:12


Подробнее здесь: https://stackoverflow.com/questions/797 ... ialization