question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

React throws an error message when About link is clicked

See original GitHub issue

Summary

React throws the following error message when About link (dropdown menu) is clicked. Error: Tried to use SessionInfo before it was initialized

Screen Shot 2019-12-19 at 4 43 32 PM

Steps to reproduce

  1. cd frontend; yarn start
  2. DO NOT streamlit run ...
  3. Go to localhost:3000
  4. Open menu
  5. Click on the About link

Expected behavior:

The error should be wrapped in an Error Boundary and show a nice modal.

Actual behavior:

It shows React error message instead.

Is this a regression?

no

Debug info

  • Streamlit version: 0.51.0
  • Python version: 3.7.5
  • Using PipEnv
  • OS version: macOS Catalina 10.15.2
  • Browser version: Firefox 71.0

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Comments:6 (2 by maintainers)

github_iconTop GitHub Comments

3reactions
daviddemeijcommented, Dec 20, 2019

I am also having this issue in streamlit 0.52 but it already happens when I run any streamlit app (even without any content), I pip installed streamlit 0.49 and now I don’t experience this issue anymore.

2reactions
pybokehcommented, Dec 20, 2019

@daviddemeij This is happening to me too with any app with version 0.52.0. Did not ever had this message pop up with prior streamlit versions. I opened a new bug issue.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Handle exception when clicking a link in react
2/ info: – An object with a componentStack key contains the information about which component threw the error.
Read more >
Error Handling in React 16 – React Blog
Introducing Error Boundaries​​ To solve this problem for React users, React 16 introduces a new concept of an “error boundary”. Error boundaries ...
Read more >
How to Handle Errors in React
Let's look at the various ways you can handle React errors. ... Below is a small button component that throws an error when...
Read more >
useHooks - Easy to understand React Hook recipes
We bring you easy to understand React Hook code recipes so you can learn how React hooks work and feel more comfortable writing...
Read more >
How to Handle Errors Efficiently in React
import { useState } from "react"; const App = () => { const [error, setError] = useState(Error()); const throwError = () => {...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found