Update Dependencies Branch - Invalid hook call...

[ewlarson]

I'm working to add the M3 mirador-dl-plugin to the B1G Geoportal. I'm running into some issues with the plugin that are beyond me.

I'm running: mirador@^3.0.0-beta.0 and a local build of the update-dependencies branch, because it appears to be the near future of this plugin.

Here's my WIP feature branch

Alone, the new Mirador beta runs well within my GeoBlacklight instance. When I add the download plugin branch webpack compiles correctly, but when you load a page with mirador in it you see: "Invalid hook call..." ... "... error occurred in the <WithStyles(MiradorDownloadDialog)> component".

Maybe this is related to react-iframe-comm being generally unsupported and adding "Mismatching Versions of React and React DOM"...
https://reactjs.org/warnings/invalid-hook-call-warning.html
ProjectMirador/mirador#2863
pbojinov/react-iframe-comm#14

I'm hoping someone else has encountered this before. If anyone has any advice on how to circumvent this issue, I'd greatly appreciate it.

[mejackreed]

I think this might be how you are importing Mirador. If you are importing the es modules version and the umd versions this error can be raised. Do you have. a branch you could share?

[mejackreed]

ALso I think we need to 🚢 this and a new version to work with the beta.0 release #42

[ewlarson]

Thanks for the quick feedback @mejackreed

Here's my feature branch:
https://github.com/BTAA-Geospatial-Data-Project/geoportal/tree/feature/mirador-download-plugin

Mirador import statement is here:
https://github.com/BTAA-Geospatial-Data-Project/geoportal/blob/feature/mirador-download-plugin/app/javascript/m3_viewer.js

[ewlarson]

Error was resolved long ago.