\n \n);\n\nexport default function App() {\n const [message, setMessage] = useState(\"\");\n\n useEffect(() => {\n // Check to see if this is a redirect back from Checkout\n const query = new URLSearchParams(window.location.search);\n\n if (query.get(\"success\")) {\n setMessage(\"Rental Application Fee submitted! You will receive an email confirmation.\");\n }\n\n if (query.get(\"canceled\")) {\n setMessage(\n \"Rental Application Fee canceled. Continue to look around and submit when you're ready.\"\n );\n }\n }, []);\n\n const handleClick = async (event) => {\n const stripe = await stripePromise;\n\n const response = await fetch(\"/create-checkout-session\", {\n method: \"POST\",\n });\n\n const session = await response.json();\n\n // When the customer clicks on the button, redirect them to Checkout.\n const result = await stripe.redirectToCheckout({\n sessionId: session.id,\n });\n\n if (result.error) {\n // If `redirectToCheckout` fails due to a browser or network\n // error, display the localized error message to your customer\n // using `result.error.message`.\n }\n };\n\n return message ? (\n \n ) : (\n \n );\n}\n","import React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport App from \"./App\";\n\nReactDOM.render(, document.getElementById(\"root\"));\n"],"sourceRoot":""}