Turned it into a .env

.env

@@ -1,2 +1,5 @@
-ENV_VARIABLE=_ENV_VARIABLE
-NEXT_PUBLIC_ENV_VARIABLE=_NEXT_ENV_VARIABLE
+STRIPE_PRICING_TABLE=prctbl_1O0hFcFI67mXFum2kEqiD57r
+STRIPE_KEY=pk_test_51NzD5xFI67mXFum2XDMXiLu89SbCAMY5O0RnKjlU6XqyfboRVvFHI3f5OJHaxsrjjB7WqDYqN7Y3eF8mq3sF354F00l30L5GuJ
+STRIPE_SECRET=sk_test_51NzD5xFI67mXFum2Lzi2JtR8Th9zuA3CnoKKkAaOBiHmiHDQdGt7Pruj1Z89e4nF5eVNStL866twJLoVBUgfiaxZ00yqst8gkh
+
+WEBHOOK_URL=http://localhost:3001/api/stripe

src/components/PricingTable.tsx

@@ -2,20 +2,13 @@
 
 import {Elements} from "@stripe/react-stripe-js";
 import {loadStripe} from "@stripe/stripe-js";
-import {useEffect} from "react";
 
 const stripePromise = loadStripe(process.env.STRIPE_KEY || "");
 
 export default function PricingTable() {
-	useEffect(() => {
-		console.log("TESTE");
-	}, []);
-
 	return (
 		<Elements stripe={stripePromise}>
-			<div id={process.env.ENV_VARIABLE || process.env.NEXT_PUBLIC_ENV_VARIABLE || "didnt-work"}>
 			<stripe-pricing-table id="pricing" pricing-table-id={process.env.STRIPE_PRICING_TABLE} publishable-key={process.env.STRIPE_KEY} />
-			</div>
 		</Elements>
 	);
 }