Comments (10)
Good find @nullberri. Could you give me a minimal example in codesandox.io that reproduces the issue? Happy to take a look.
from react-atom.
I wasn't able to reduce the complexity, without removing the error. So I am not sure what the underlying cause is. I was using react-window and have since just abandoned it for just pagination. Its not my ideal solution but virtualizating statefull components has been a pain. This seems to have resolved the undefined errors as well.
the original error I was getting was an error that changeHandlersByAtomId[atom["$$id"]][k] was undefined.
from react-atom.
@nullberri gotcha. Well I'll keep an eye out for that bug. If I find some time, I'll try to find a way to reproduce it.
Am I good to close this, or is there anything else I can do?
from react-atom.
Closing. Feel free to reopen if you find a way to reproduce the issue.
from react-atom.
@derrickbeining I figured it out.
Code to trigger the exception.
https://codesandbox.io/s/woo3z1n8kw
Should trigger 4x Uncaught TypeError: a[t.$$id][n] is not a function in the console.
from react-atom.
@nullberri thanks for a code sample! Unfortunately it's not reproducing on my end. Anything I should tinker with to trigger the issue?
from react-atom.
@derrickbeining Strange it happens 100% of the time for me, even across multiple computers. (Work laptop, and home PC)
Chrome Version 72.0.3626.109 (Official Build) (64-bit) on Windows 10 & windows 7.
And the error only shows up in the inspector not the codsandbox.io console.
I have included an image of the output I am seeing.
https://i.imgur.com/MmkV6RL.png
Edit:
Also happens in Firefox 65.0.1 (64-bit) on Windows 10, and
Chrome Version 72.0.3626.81 (Official Build) (64-bit) on Ubuntu
from react-atom.
@nullberri ah! Wasn't looking in the browser console. Okay, awesome. I'll try to find some time to look into how to prevent this.
from react-atom.
🎉 This issue has been resolved in version 4.1.0 🎉
The release is available on:
Your semantic-release bot 📦🚀
from react-atom.
@nullberri , just tested the fix out on code sandbox and it appears to resolve the issue.
Thanks for bringing it to my attention and helping find the solution!
from react-atom.
Related Issues (20)
- Your .dependabot/config.yml contained invalid details HOT 1
- optimize `select` option in `useState` HOT 1
- Introducing the useAtomState hook
- optimize `swap` to run selectors prior to useState hooks HOT 2
- storing `initialAtomValById` is unnecessary HOT 1
- useAtom Destructuring HOT 6
- Double renders HOT 1
- options.select fails to return correct value when atom is swapped HOT 1
- make `swap` automatically merge return value of `updateFn` with `state` HOT 4
- Bootstrapping an Atom from localStorage... how to?
- `useAtom` `options.select` gets mixed up when more than one atom HOT 1
- Documentation Suggestion for a difference between "set" and "swap" HOT 2
- add to usehooks page HOT 2
- Debugging State HOT 1
- HOC for use with non hook components HOT 1
- How to use `Atom` in component state with context ? HOT 1
- Outdated react-dom peer dependency HOT 3
- Getting no TypeScript error in swap HOT 3
- `set` type signature should enforce next state be same type as current state HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-atom.