question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Circular references, RangeError in prod

See original GitHub issue

Maintainer’s Note: we need help reproducing this bug in react-fast-compare 2.0.4 (or greater). If you have hit this bug, please help us by submitting a repository or code sandbox that shows the behavior. Note, this library does not support circular objects, only React internal circular objects. 😃


Saw a previous issue, but still getting this in 2.0.1. Here’s the output:

image

I’m essentially comparing props, nothing too strange. The objects are all non-circular besides the react children. In dev mode it works just fine, in prod (Uglify compressed) it seems to break.

I’m using these opts:

new UglifyJsPlugin({
        uglifyOptions: {
          ecma: 8,
          toplevel: true,
        },
        sourceMap: true,
        cache: true,
        parallel: true,
      }),

And packages:

webpack@4.15.1
react@16.4.0

Going to look into it further, prod mode is a bit harder to debug obviously but I’ve isolated where it’s happening.

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Comments:21 (15 by maintainers)

github_iconTop GitHub Comments

2reactions
vientangcommented, Dec 11, 2018

Hi,

I’m getting this error too. “Warning: react-fast-compare does not handle circular references. Error Out of stack space”.

Here’s a very light representation of my set up - https://codesandbox.io/s/lyjkk9lnrq

The error only shows up on IE11. Chrome, Firefox and Safari are fine. I’m using this package standalone, not with Victory, mainly b/c I was sold on the speed!

Let me know if you need any other information.

1reaction
Scritikcommented, Jun 5, 2019

@chrisbolin Yeah, sorry. Forget about this, I mixed multiple things and the issue is not with react-fast-compare 😉

Read more comments on GitHub >

github_iconTop Results From Across the Web

Understanding "RangeError: maximum call stack size exceeded"
A circular reference will create errors because it will not evaluate to a declared value (number, string, boolean), nor to 'undefined'.
Read more >
Problem Swagger with Circular Reference | Layer7 API ...
When I make a cyclic reference in swagger, and try to open the documentation in the developer menu, an error occurs on the...
Read more >
How to Analyze Circular Dependencies in ES6? - Railsware
RangeError: exceeding call stack – it happens when imports form a cycle of immediate synchronous function calls. // A.js import B from './B'; ......
Read more >
Remove or allow a circular reference - Microsoft Support
If you can't find the error, click the Formulas tab, click the arrow next to Error Checking, point to Circular References, and then...
Read more >
Circular reference in a query items request - Esri Community
... an error: Uncaught RangeError: Maximum call stack size exceeded. ... Have you any solution besides deleting the circular reference ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found