#phoniex_unexpected
proven wadiBOT
👋 Welcome to your new thread!
⏲️ We'll be here soon! Typically we respond in a few minutes, but sometimes we might take a bit longer if the server is busy or if you have a particularly tricky question.
⏱️ We close idle threads, which makes them read-only. Once a thread is closed it won't be reopened, but you can always start a new thread if you have another question.
🔗 This thread will always be available, even after it's closed. You can find it again using Discord's search, or you can save this link: https://discord.com/channels/841573134531821608/1217888340758761543
📝 Have more to share? Add more details, code, screenshots, videos, etc. below.
lapis thicketBOT
upper gazelle
Can you share a link to any documentation you're following?
Do you have a test environment you can link me to where I can try to reproduce this?
shut heron
localhost:3000/course/65e9d776bb992283aad6e8fc
upper gazelle
I can't access your local environment, you'll need to host your test code somewhere
If you're following specific documentation, could you share the link here?
shut heron
upper gazelle
If you're not able to host your test code somewhere, can you copy/paste more of your code here? I take it your button is supposed to confirm a PaymentIntent. Do you have any logs that show what happens when you click the button?
shut heron
okay i am copy/pasting
my whole code relavant to it?
i hope you find the error ?
the log gives the publishable key in the console
upper gazelle
Are the Link Authentication Element and PaymentElement ever rendered?
Do you have a PaymentIntent ID I can review?
shut heron
sorry i am new to this and i dont know about the paymentIntent id
however it shows unknown
lapis thicketBOT
nova root
Hello
Taking over for my colleague here
Can you clarify if you're seeing the PaymentElement show up on the page or not?
shut heron
no
nova root
What error are you seeing in your network console?
shut heron
there is no such errors in stripe only the checkout form is blank and empty
this is the logs that it shows
nova root
Those look like server-side logs of creating a PaymentIntent
There should be other logs for the client-side code that you have
shut heron
this is the problem i am facing
nova root
I think discord is having trouble with file attachments
There's no way to tell what's not working by just looking at the code 😅
I'd recommend adding some logging in your code that tries to print stuff when you add elements to the page
shut heron
client_id "stripe-js"
num_requests "3"
events '[{"event_name":"elements.controller.load","created":1710443076867,"batching_enabled":true,"event_count":1,"os":"Windows","browserFamily":"Firefox","version":"83f1922a3c","event_id":"7fa161f0-395f-4c65-9889-3f96420569f8","deploy_status":"main","browserClassification":"modern","key":"pk_test_51Ot9qYSFnkcbQhWSWLgjtoDQWzGTvoE1Sz6u6uu8ulcmmmWdtzvX3rORiyDtP8kbNAlCgiSvMcmeHZ3AiS3bKvtQ00UjrrDXl1","key_mode":"test","referrer":"http://localhost:3000","stripe_js_id":"182d3c76-e707-4a4e-a150-ecd4f1bb7f22","controller_…ller-resource_timings-controller.js-request_duration":82,"controller-resource_timings-controller.js-response_duration":135,"controller-resource_timings-controller.js-tls_negotiation_duration":26,"controller-resource_timings-controller.js-fetch_duration":243,"controller-resource_timings-controller.js-compressed":false,"controller-resource_timings-controller.js-cached_locally":false,"controller-resource_timings-controller.js-next_hop_protocol":"h2","controller-resource_timings-controller.js-is_http3":false}]'
this is the only thing that shows up in request body without any response in the network on inspection
it gives the publishable key
Config data:
Object { publishablekey: "pk_test_51Ot9qYSFnkcbQhWSWLgjtoDQWzGTvoE1Sz6u6uu8ulcmmmWdtzvX3rORiyDtP8kbNAlCgiSvMcmeHZ3AiS3bKvtQ00UjrrDXl1" }
CourseDetailsPage.tsx:29:12
Received publishable key: pk_test_51Ot9qYSFnkcbQhWSWLgjtoDQWzGTvoE1Sz6u6uu8ulcmmmWdtzvX3rORiyDtP8kbNAlCgiSvMcmeHZ3AiS3bKvtQ00UjrrDXl1
hello....?
nova root
The server is running a bit busy, please be patient
shut heron
how much time it might take? approx?
nova root
The logs you've shared doesn't really outline the issue you're having.
Is there a guide you're following for this?
shut heron
https://youtu.be/VeVahOuZIr8?si=kzBxynqG0pXHAmzF
i was following this video
timestamp 1:41:24 facing the same issue however my issue is not getting fixed?
nova root
Without an error message it is quite tricky to know what's going on.
Our canonical guide to integrate PaymentElement is here: https://docs.stripe.com/payments/accept-a-payment?platform=web&ui=elements
I'd recommend looking over both and see if there's anything that's different.
I'd also recommend talking to the folks whose video you're following.
shut heron
this is what the console shows every time
Partitioned cookie or storage access was provided to “https://m.stripe.network/inner.html#url=http%3A%2F%2Flocalhost%3A3000%2Fcourse%2F65e9d776bb992283aad6e8fc&title=Mastering Data Science%3A From Fundamentals to Advanced Analytics - ELearning&referrer=&muid=dbb9492c-05ca-4821-90a7-9d24c443f76ab4aa4d&sid=NA&version=6&preview=false” because it is loaded in the third-party context and dynamic state partitioning is enabled.
nova root
I'm not super familiar with the stack you're using here (especially the dynamic state partioning stuff)
shut heron
why the checkout form appears blank?when there is no error?
nova root
Either there is an error which is being suppressed by the set up you have or your component has some rendering issue causing elements code to not run at all
try throwing in a console.log
shut heron
Content-Security-Policy: The page’s settings blocked the loading of a resource at inline (“script-src”).
shut heron
i have put this console
in checkout form.tsx
console.log("PaymentElement is rendered:", elements !== null);
but there is nothing showing of such in console
nova root
Did that help?
shut heron
nope
nova root
Did you configure the CSP policy? If so, what error are you seeing now?
shut heron
how to?
nova root
shut heron
it stayed the same
not helpful at all