Web app shows blank page sometimes randomly

[user11]

Hello,
I am encountering an issue with my Streamlit application[Chatbot] , where a blank page randomly appears for a random query. I’ve tried using the dataFrameSerialization = “legacy” approach, but the issue persists. When inspecting the page, the errors I’m seeing look like the following:
TypeError: Cannot read properties of undefined (reading ‘vertical’)
at Di (main, 1661a802.js:2:4213879)
at wa (main. 1661a802.js:2:2230016)
at wl (main.1661a802.js:2:2287129)
at ze (main.1661a802.js:2:2276235)
at Oc (main.1661a802.js:2:2276163)
at Mc (main. 1661a802.js:2:2276026)
at cc (main, 16612802.js:2:2273142)
at Uo (moin. 1661a802.js:2:2213737)
at rc (main.1661a802.js:2:2270229)
at Object.enqueueSetState (main.1661a802.js:2:2220755)
Uncaught TypeError: Cannot read properties of undefined (reading ‘vertical’)
at Di (main. 1661a802.js:2:4213879)
at wa (main.1661a802.js:2:2230016)
at wl (moin.1661a802.js:2:2287129)
at zc (main.16618802.js:2:2276235)
at Oc (main. 1661a802.js:2:2276163)
at Mc (main.1661a802.js:2:2276026)
at cc (main.1661a802.js:2:2273142)
at Uo (main. 1661a802.js:2:2213737)
at rc (main.1661a802.js:2:2270229)
at Object.enqueueSetState (main, 1661a802.js:2:2220755)
Any insights on how to address this would be greatly appreciated.

Thank you!

[Charly_Wargnier]

Hi @user11

Do you have a link to the repo, please?

Thanks,
Charly

[user11]

Hi Charly,

Thanks for reaching out!. I am unable to share the repository outside of my organization. If there’s anything specific you’d like to know or if you have any suggestions based on the error message provided, I’d be happy to discuss further.

Regards,
Venu

[Charly_Wargnier]

Certainly!

It’s a bit difficult to diagnose the issue without seeing the code, but there doesn’t seem to be anything obvious in the error trace you’ve provided.

To proceed by elimination, it might be helpful to try deploying the app and checking the Streamlit version in your requirements.txt file to ensure it’s the correct one.

Best,
Charly

[user11]

I am encountering this issue[showing the blank page] in local and deployed one also.

even I checked the backend logs in both[local and deployed] its working fine, I mean there are no errors and interrupts.

when I inspect the black page, able to see these kind of errors
TypeError: Cannot read properties of undefined (reading ‘vertical’)
at Di (main, 1661a802.js:2:4213879)
at wa (main. 1661a802.js:2:2230016)
at wl (main.1661a802.js:2:2287129)
at ze (main.1661a802.js:2:2276235)
at Oc (main.1661a802.js:2:2276163)
at Mc (main. 1661a802.js:2:2276026)
at cc (main, 16612802.js:2:2273142)
at Uo (moin. 1661a802.js:2:2213737)
at rc (main.1661a802.js:2:2270229)
at Object.enqueueSetState (main.1661a802.js:2:2220755)
Uncaught TypeError: Cannot read properties of undefined (reading ‘vertical’)
at Di (main. 1661a802.js:2:4213879)
at wa (main.1661a802.js:2:2230016)
at wl (moin.1661a802.js:2:2287129)
at zc (main.16618802.js:2:2276235)
at Oc (main. 1661a802.js:2:2276163)
at Mc (main.1661a802.js:2:2276026)
at cc (main.1661a802.js:2:2273142)
at Uo (main. 1661a802.js:2:2213737)
at rc (main.1661a802.js:2:2270229)
at Object.enqueueSetState (main, 1661a802.js:2:2220755)

Streamlit version : 1.32.0

Thanks,
Venu

[mleeee]

Hi @Charly_Wargnier @user11 I’m also having the same issue with the same type error message. Did you have a chance to find the reason and fix this error? Any comment would be grateful!

[user11]

Hi @mleeee

I don’t have a fix yet. Let’s hope someone in the community can help us out. We’ll keep each other posted if we find a solution.

Thanks for reaching out!

[Charly_Wargnier]

@mleeee could you share a repo, please?

Thanks,
Charly

[mleeee]

Hi @Charly_Wargnier I’ve downgraded to 1.26.0 and now that JS failing error is gone. I think the streamlit dev team should know about these issues for the version >=1.32.0, as I’ve seen several discussion posts talking about this issue TypeError: Cannot read properties of undefined (reading ‘vertical’) but nobody found the solutions yet.

[Charly_Wargnier]

Thanks @mleeee, but as requested, I think it would be helpful if you could share your repo so we could diagnose further. Hopefully, this is something you can do?

Best,
Charly

[Simi]

I’m also getting the same error.

I’m using version 1.32.0.

It does occur in a more complex structure of tabs that contain expander components with quite some content. Not sure if it could have something to do with loading or the nested structure of components?

Anyway, I can not consistently reproduce it myself. Sometimes it crashes after 2 clicks, than 5 clicks, etc…

The time that I wait between clicks also does not seem to have any influence. Sometimes it does also crash after I wait for 10s to retrieve the next content. (Content is loaded from session states)

No error messages from streamlit in the terminal. Only error message I have is in the image.

[Simi]

I did also downgrade to version 1.26.0 and that resolved the above issue that I’m facing in version 1.32.0