I have upgraded my React-Redux version to 7.x.x. However, the #redux-dynostore is giving an error. Is it any replacement of #redux-dynostore?
The #redux-dynostore/react-redux package looks like it expects to work fine with React-Redux v7.
Related
I was using rn-fetch-blob in my React Native app. I replaced it with react-native-blob-util. I'm also using redux-persist-filesystem-storage, which uses rn-fetch-blob. redux-persist-filesystem-storage started throwing an error (null is not an object (evaluating 'RNFetchBlob.DocumentDir')) once I uninstalled rn-fetch-blob. I assumed that removing node_modules/rn-fetch-blob would have no effect on redux-persist-filesystem-storage since redux-persist-filesystem-storage uses node_modules/redux-persist-filesystem-storage/node_modules/rn-fetch-blob.
Is my reasoning correct here? What am I misunderstanding?
Maybe this happens, because sometimes your package is not perfectly installed. So you can try installing rn-fetch-blob or again do a proper installation of redux-persist-filesystem-storage, because in the new version they already replaced rn-fetch-blob with react-native-blob-util.
I'm getting an error while using react-hook-form 7.8.2, I used useWatch in one of my components.
I just needed to update to the latest version of react-hook-form.(at this moment 7.25.0)
I couldn't find the reason. I'm just leaving this here for those who came across this weird error.
In my case, that package wasn't installed
So I need to update react, react-dom in order to update nextjs version to 11. React docs says that the new jsx transform approach is backwards compatible, though I met such problem after updating to react 17.0.2. Any file using jsx fails to compile with Can't resolve 'react/jsx-dev-runtime', no matter if I leave the import React from 'react', or remove it as intended after updating to react ^17.
I tried updating #babel/preset-react, using latest #babel/plugin-transform-react-jsx, same problem. The only thing I've found in a similar question topic here is adding /** #jsxRuntime classic */ to the top of the file, which obviously doesnt solve the problem for the whole application (perhaps there might be a way to make such directive global but even then - I would like to be able to use the new and more optimised jsx compiling)
Haven't been able to google exactly my case and any existing suggestions for similar cases didn't help.
To summarise - I need to either make my app work without importing react itself (https://reactjs.org/blog/2020/09/22/introducing-the-new-jsx-transform.html) or at least to be able to use the old way of jsx compiling with this new react version.
Any thoughts?
This problem is killing me, but I keep getting this error when I compile and run (I am using .NET Core 3.0 with react app):
Error: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:
You might have mismatching versions of React and the renderer (such as React DOM)
You might be breaking the Rules of Hooks
You might have more than one copy of React in the same app
The error points to my ../src/index.js file:
Here is the error displayed
Here is the code that is flagged with the invalid hook call error
I'm not sure what's going on, i spent the past 3 hours trying to fix it but I just can't get the homepage to show.
I understand the hooks error, but I don't understand why its getting called.
I have the matching versions of React and React DOM, 16.13.1
For my react components, I use classes.
I'm not sure how to check for different copies of react
I'm quite new to React so maybe i misunderstood or messed up somewhere, please help me here, thank you.
EDIT:
Check if redux is installed on the client. This error occurs when it isn't installed on client directory but server directory.
check package.json of client.
Maybe a crazy solution but in my case nothing was actually wrong with my code. I was going nuts trying to find the error. But what actually helped, was upgrading the version of Typescript installed in my project from 4.4 to 4.9. Don't see any evident connection but after the upgrade everything worked like a charm. :)
I have successfully managed to render a React component inside of ember.
You can see the relevant code here.
The basics being adding an addon, that uses the preprocessTree hook, to use broccoli-react to parse the jsx files as per here. And a ReactComponent (which is an ember component) to wrap any react component.
This works well in ember cli 2.11.0 and 2.12.0, but in 2.13.0 and 2.14.0 something has changed and I can't figure out what.
I have narrowed the error down to this line in ember-resolver, for some reason this._moduleRegistry in the newer versions don't have the react component but the older versions do...
Any ideas?
I uninstalled everything node. And started matching package versions 1 for 1 from the newer app into the older one, and it all works.