Random timeouts printed in console

Open
#319 3 comments 1 reaction 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty
4/5
Estimated time
3-5 days
Newbie friendliness
30/100
Issue type
Bug
Clarity
Needs clarification
Activity status
Stale
Tech stack
javascript, react
Domain
frontend

Research direction

Reproduce the issue by rendering a component and unmounting it under React 18. Start with the component code represented by react-recaptcha.js:formatted:306 in the stack trace and trace the timeout promise during unmount. Done means the unmount no longer produces an uncaught Timeout in the browser console.

Written by the indexing model from the issue text.

Description

After rendering a component with <Recaptcha ... and the page unmounts including the component, for some reason the following is printed in the console:

9e99265b-00ba-4b5f-8e5b-50731e677018:1 Uncaught (in promise) Timeout
setTimeout (async)
(anonymous) @ recaptcha__en.js:formatted:642
(anonymous) @ recaptcha__en.js:formatted:3920
(anonymous) @ recaptcha__en.js:formatted:3910
(anonymous) @ recaptcha__en.js:formatted:2142
(anonymous) @ recaptcha__en.js:formatted:2152
Promise.catch (async)
(anonymous) @ recaptcha__en.js:formatted:2146
(anonymous) @ recaptcha__en.js:formatted:4115
(anonymous) @ recaptcha__en.js:formatted:5949
VA @ recaptcha__en.js:formatted:15439
(anonymous) @ recaptcha__en.js:formatted:185
value @ react-recaptcha.js:formatted:306
value @ react-recaptcha.js:formatted:306
commitLayoutEffectOnFiber @ react-recaptcha.js:formatted:306
commitLayoutMountEffects_complete @ react-recaptcha.js:formatted:306
commitLayoutEffects_begin @ react-recaptcha.js:formatted:306
commitLayoutEffects @ react-recaptcha.js:formatted:306
commitRootImpl @ react-recaptcha.js:formatted:306
commitRoot @ react-recaptcha.js:formatted:306
performSyncWorkOnRoot @ react-recaptcha.js:formatted:306
flushSyncCallbacks @ react-recaptcha.js:formatted:306
(anonymous) @ react-recaptcha.js:formatted:306
XMLHttpRequest.send (async)
dispatchXhrRequest @ react-recaptcha.js:formatted:306
xhrAdapter @ react-recaptcha.js:formatted:306
dispatchRequest @ react-recaptcha.js:formatted:306
Promise.then (async)
request @ react-recaptcha.js:formatted:306
Axios.<computed> @ react-recaptcha.js:formatted:306
wrap @ react-recaptcha.js:formatted:306
api.user @ react-recaptcha.js:formatted:306
(anonymous) @ react-recaptcha.js:formatted:306
(anonymous) @ react-recaptcha.js:formatted:306
boundActionCreators.<computed> @ react-recaptcha.js:formatted:306
componentDidMount @ react-recaptcha.js:formatted:306
commitLayoutEffectOnFiber @ react-recaptcha.js:formatted:306
commitLayoutMountEffects_complete @ react-recaptcha.js:formatted:306
commitLayoutEffects_begin @ react-recaptcha.js:formatted:306
commitLayoutEffects @ react-recaptcha.js:formatted:306
commitRootImpl @ react-recaptcha.js:formatted:306
commitRoot @ react-recaptcha.js:formatted:306
finishConcurrentRender @ react-recaptcha.js:formatted:306
performConcurrentWorkOnRoot @ react-recaptcha.js:formatted:306
workLoop @ react-recaptcha.js:formatted:306
flushWork @ react-recaptcha.js:formatted:306
performWorkUntilDeadline @ react-recaptcha.js:formatted:306
queue.<computed> @ react-recaptcha.js:formatted:306
run @ react-recaptcha.js:formatted:306
listener @ react-recaptcha.js:formatted:306

Looks like this started happening since React v18

Dominant language
JavaScript
Stars
643
Forks
96
No merged PRs in 30d

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from appleboy/react-recaptcha

All issues in appleboy/react-recaptcha

Similar issues

More JavaScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.