React App - Page unresponsive

13,220

I know it's an old question but I just want to write what helped me in case somebody else is experiencing the same problem.

I had created an infinite loop and had basically nested the parent component in the parent component a couple of times instead of the child component, I initially wanted to nest. Corrected it and the app works just fine.

Share:
13,220

Related videos on Youtube

Yeti
Author by

Yeti

Updated on June 04, 2022

Comments

  • Yeti
    Yeti over 1 year

    Page Unresponsive in Chrome

    My React app was working perfectly fine. I did a yarn start and relaunched to continue working on the layout and got the above response. I researched the problem but can't seem to get clear directions whether this is a debugging issue with my chrome or react app. I did go into chrome extensions and enabled "Allow access to URLs" under React development tools. Did anyone face a similar problem or advice on what steps to take?

    Thank you!

    • Akhil P
      Akhil P almost 6 years
      Check console for any errors. Your question is not clear, try to add more details
    • Arber Sylejmani
      Arber Sylejmani almost 6 years
      You probably created an infinite loop in your code somewhere.
    • Yeti
      Yeti almost 6 years
      Ok so I am building a React App, and doing front end layout and logic for connecting client to server side. I was able to review my changes in the browser using localhost 3000. I signed back in today and run yarn start to launch the app and I get the response posted above. I think I might have an infinite loop too, now the challenge is how do I go about debugging the loop I created? I am new to this issue.
  • On the way to success
    On the way to success over 3 years
    Hello Arjun, can you expand a bit on what you said above?
  • Thor0o0
    Thor0o0 over 3 years
    Sure. I had a parent component, which maintained the state and a subsequent child component which handled the UI part of the particular screen I was working on. In order to pass the state parameters as props to the child component, I imported it in the parent. However, instead of passing props to it, I passed the props to the parent component itself. It was a typo. The parent container and the child component had pretty similar names.