Skip to content

FileNavigator component gets unmounted when imported locally as a package project, instead of the remote @opuscapita/react-filemanager #334

@gitBitHubNet

Description

@gitBitHubNet

When I use the FileNavigator from the remote @opuscapita/react-filemanager, it works fine. i.e. :

import { FileNavigator } from '@opuscapita/react-filemanager'; //This works fine

But when I use it locally as a package, i.e.:

const { FileNavigator } = require('../../../filemanager/packages/client-react'); //This produces error

Note that the local usage of the FileManager for example works just fine, it is only the FileNavigator that crashes.

The error I am getting is:

Uncaught Invariant Violation: Unable to find node on an unmounted component.
at invariant (http://127.0.0.1:8080/bundle.js:551:15)
at Object.findDOMNode (http://127.0.0.1:8080/bundle.js:16312:7)
at ref (http://127.0.0.1:8080/bundle.js:79668:3388)
at commitAttachRef (http://127.0.0.1:8080/bundle.js:148113:7)
at commitLayoutEffects (http://127.0.0.1:8080/bundle.js:150669:9)
at HTMLUnknownElement.callCallback (http://127.0.0.1:8080/bundle.js:131188:14)
at Object.invokeGuardedCallbackDev (http://127.0.0.1:8080/bundle.js:131237:16)
at invokeGuardedCallback (http://127.0.0.1:8080/bundle.js:131299:31)
at commitRootImpl (http://127.0.0.1:8080/bundle.js:150389:9)
at unstable_runWithPriority (http://127.0.0.1:8080/bundle.js:158932:12)

The above error occurred in the component: react-dom.development.js:20085

at FileNavigator (http://127.0.0.1:8080/bundle.js:79913:8329)
at EnhancedComponent (http://127.0.0.1:8080/bundle.js:79668:2303)
at div
at div
at div
at FileManager (http://127.0.0.1:8080/bundle.js:79913:2836)
at div
at div
at http://127.0.0.1:8080/bundle.js:21141:200
at http://127.0.0.1:8080/bundle.js:21032:278
at http://127.0.0.1:8080/bundle.js:29467:803
at http://127.0.0.1:8080/bundle.js:29467:95
at http://127.0.0.1:8080/bundle.js:21141:200
at http://127.0.0.1:8080/bundle.js:21055:132
at http://127.0.0.1:8080/bundle.js:21004:6129
at http://127.0.0.1:8080/bundle.js:21004:4153
at Presence (http://127.0.0.1:8080/bundle.js:21120:34)
at http://127.0.0.1:8080/bundle.js:21004:3509
at Styled.[object Object]
at http://127.0.0.1:8080/bundle.js:29467:803
at http://127.0.0.1:8080/bundle.js:29467:95
at http://127.0.0.1:8080/bundle.js:21141:200
at http://127.0.0.1:8080/bundle.js:21100:975
at Presence (http://127.0.0.1:8080/bundle.js:21120:34)
at DialogPortal (http://127.0.0.1:8080/bundle.js:21004:1691)
at Content (http://127.0.0.1:8080/bundle.js:160016:11)
at s (http://127.0.0.1:8080/bundle.js:20954:946)
at Dialog (http://127.0.0.1:8080/bundle.js:21004:158)
at DialogDemo
at OpusFileManager (http://127.0.0.1:8080/bundle.js:160139:9)
at div
at http://127.0.0.1:8080/bundle.js:77375:66
at div
at http://127.0.0.1:8080/bundle.js:77375:66
at BodyWidget (http://127.0.0.1:8080/bundle.js:159755:9)

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 @ react-dom.development.js:20085

Uncaught Invariant Violation: Unable to find node on an unmounted component. react-dom.development.js:11340
at invariant (http://127.0.0.1:8080/bundle.js:551:15)
at Object.findDOMNode (http://127.0.0.1:8080/bundle.js:16312:7)
at ref (http://127.0.0.1:8080/bundle.js:79668:3388)
at commitAttachRef (http://127.0.0.1:8080/bundle.js:148113:7)
at commitLayoutEffects (http://127.0.0.1:8080/bundle.js:150669:9)
at HTMLUnknownElement.callCallback (http://127.0.0.1:8080/bundle.js:131188:14)
at Object.invokeGuardedCallbackDev (http://127.0.0.1:8080/bundle.js:131237:16)
at invokeGuardedCallback (http://127.0.0.1:8080/bundle.js:131299:31)
at commitRootImpl (http://127.0.0.1:8080/bundle.js:150389:9)
at unstable_runWithPriority (http://127.0.0.1:8080/bundle.js:158932:12)

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions