Skip to content

ReactJS Invalid Hook Call #646

Closed
Closed
@Archmonger

Description

@Archmonger

Current Situation

This error periodically shows client side and will completely break IDOM, but seems to fix itself if clearing browser cache. Something notable is I have never seen this issue when Django-IDOM was using idom==0.33.0, but that may just be coincidence.

This is the exception stack shown in browser console.

react-dom.js:8 Error: Minified React error #321; visit https://reactjs.org/docs/error-decoder.html?invariant=321 for the full message or use the non-minified dev environment for full errors and additional helpful warnings.
    at a (react.js:2:4779)
    at n.useState (react.js:2:6903)
    at react-bootstrap.js:2:44831
    at ql (react-dom.js:6:52870)
    at Uu (react-dom.js:6:60908)
    at gs (react-dom.js:10:10631)
    at ms (react-dom.js:10:933)
    at pf (react-dom.js:10:864)
    at Et (react-dom.js:10:724)
    at xi (react-dom.js:8:10854)
ai @ react-dom.js:8
react-dom.js:10 Uncaught Error: Minified React error #321; visit https://reactjs.org/docs/error-decoder.html?invariant=321 for the full message or use the non-minified dev environment for full errors and additional helpful warnings.
    at a (react.js:2:4779)
    at n.useState (react.js:2:6903)
    at react-bootstrap.js:2:44831
    at ql (react-dom.js:6:52870)
    at Uu (react-dom.js:6:60908)
    at gs (react-dom.js:10:10631)
    at ms (react-dom.js:10:933)
    at pf (react-dom.js:10:864)
    at Et (react-dom.js:10:724)
    at xi (react-dom.js:8:10854)
client.js:23649 The above error occurred in the <_ImportedElement> component:

    at _ImportedElement (http://127.0.0.1:7575/static/django_idom/client.js:31103:29)
    at ImportedElement (http://127.0.0.1:7575/static/django_idom/client.js:31075:28)
    at Element (http://127.0.0.1:7575/static/django_idom/client.js:31046:20)
    at div
    at StandardElement (http://127.0.0.1:7575/static/django_idom/client.js:31060:28)
    at Element (http://127.0.0.1:7575/static/django_idom/client.js:31046:20)
    at Layout (http://127.0.0.1:7575/static/django_idom/client.js:31034:19)

Consider adding an error boundary to your tree to customize error handling behavior.
Visit https://reactjs.org/link/error-boundaries to learn more about error boundaries.
logCapturedError @ client.js:23649
client.js:2691 Uncaught Error: Minified React error #321; visit https://reactjs.org/docs/error-decoder.html?invariant=321 for the full message or use the non-minified dev environment for full errors and additional helpful warnings.
    at a (react.js:2:4779)
    at n.useState (react.js:2:6903)
    at react-bootstrap.js:2:44831
    at ql (react-dom.js:6:52870)
    at Uu (react-dom.js:6:60908)
    at gs (react-dom.js:10:10631)
    at ms (react-dom.js:10:933)
    at pf (react-dom.js:10:864)
    at Et (react-dom.js:10:724)
    at xi (react-dom.js:8:10854)

Proposed Actions

Determine root cause and develop a solution.

I seem to be semi-frequently able to reproduce this if leaving my webserver running django-idom up while putting my Windows 10 machine to sleep for >12 hours.

See #610 for the original discussion.

Work Items

See above.

Metadata

Metadata

Assignees

No one assigned

    Labels

    priority-2-moderateShould be resolved on a reasonable timeline.

    Type

    No type

    Projects

    No projects

    Milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions