# Error Decoder for React component in perspective? **URL:** \ **Category:** Ignition\ **Tags:** ignition80\ **Created:** [February 23, 2021, 2:21pm UTC](https://forum.inductiveautomation.com/t/error-decoder-for-react-component-in-perspective/43728 "2021-02-23T14:21:05Z")\ **Posts on this page:** 14\ **Page:** 1
**Author:** ![bkarabinchak.psi](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/bkarabinchak.psi/32/83567_2.png) [@bkarabinchak.psi](https://forum.inductiveautomation.com/u/bkarabinchak.psi)\ **Post date:** [February 23, 2021, 2:21pm UTC](https://forum.inductiveautomation.com/t/error-decoder-for-react-component-in-perspective/43728/1 "2021-02-23T14:21:05Z")
Using Ignition 8.0.14, perspective. I have a dropdown that has a named query for a data source, the named query takes no parameters. There are now other value change scripts or bindings on the dropdown, or any other script that affects this component (it’s brand new on this view). When I was testing it in client to see that my named query results were coming through correctly I saw this - ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/0/3/03047eecedc631c529f71a7f232beb6fd88aa405.png) The link takes me [here](https://reactjs.org/docs/error-decoder.html/?invariant=152&args=%5B%5D=a). So it seems like this drop down is missing the `return render()` statement in react? Not sure how this is possible though. Also this component does seem to work fine when I am testing in designer, only in my client do I get this issue. ---
**Author:** ![bkarabinchak.psi](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/bkarabinchak.psi/32/83567_2.png) [@bkarabinchak.psi](https://forum.inductiveautomation.com/u/bkarabinchak.psi)\ **Post date:** [February 23, 2021, 3:18pm UTC](https://forum.inductiveautomation.com/t/error-decoder-for-react-component-in-perspective/43728/2 "2021-02-23T15:18:11Z")
The component appears when I first load the view as expected and stays ok, but once I select the drop down to pick an option, it changes to the Component Error graphic that you see in my original post. For completeness here is my named query - ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/1/8/18d5cb4d0397d44b890da4112150c26490555333.png) ---
**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\ **Post date:** [February 23, 2021, 3:20pm UTC](https://forum.inductiveautomation.com/t/error-decoder-for-react-component-in-perspective/43728/3 "2021-02-23T15:20:41Z")
Is that Dropdown in a Flex Container? I don’t suspect the query is the issue, but we fixed a bug in 8.0.15 where Dropdowns could enter this state when they resized unexpectedly. This was often encountered when Dropdown components were in a Flex Container where other components were resizing, or the Dropdown had `position.basis` set to “auto”. ---
**Author:** ![bkarabinchak.psi](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/bkarabinchak.psi/32/83567_2.png) [@bkarabinchak.psi](https://forum.inductiveautomation.com/u/bkarabinchak.psi)\ **Post date:** [February 23, 2021, 3:24pm UTC](https://forum.inductiveautomation.com/t/error-decoder-for-react-component-in-perspective/43728/4 "2021-02-23T15:24:26Z")
It’s in a column container. I just tried the other dropdown in my view which used to work fine and now the same thing is happening with it as well. Edit: I don’t see where the basis is set for the component. But the basis for the column container is 880px. ---
**Author:** ![bkarabinchak.psi](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/bkarabinchak.psi/32/83567_2.png) [@bkarabinchak.psi](https://forum.inductiveautomation.com/u/bkarabinchak.psi)\ **Post date:** [February 23, 2021, 3:32pm UTC](https://forum.inductiveautomation.com/t/error-decoder-for-react-component-in-perspective/43728/5 "2021-02-23T15:32:51Z")
Noticed too here that I am seeing a weird numeric label appear that I did not put anywhere, and that I cannot select - ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/8/4/84052c796806f45721274fc954a5dbf2a24e3679.png) Don’t know if that’s normal. Full disclosure - yesterday I directly modified the JSON file to add a row but moving the rowIndex of a bunch a components down one. Perhaps I messed something up in doing that. Right now though, you think I should upgrade to 8.0.15 and see if that fixes things? ---
**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\ **Post date:** [February 23, 2021, 3:36pm UTC](https://forum.inductiveautomation.com/t/error-decoder-for-react-component-in-perspective/43728/6 "2021-02-23T15:36:49Z")
Actually, this looks like a different bug I opened a long while ago. Do you have a component in the last column of that row? There is a known bug which can occur when the final component in a row of a column container enters a state which would trigger a quality overlay the column container reacts in a manner which results in other components displaying errors. This bug has NOT been fixed yet, so upgrading to 8.0.15 would not fix your View. The current workaround is to prevent the component which would have a quality overlay from entering that state. Any chance you could provide the view.json file for the View you’re using? ---
**Author:** ![bkarabinchak.psi](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/bkarabinchak.psi/32/83567_2.png) [@bkarabinchak.psi](https://forum.inductiveautomation.com/u/bkarabinchak.psi)\ **Post date:** [February 23, 2021, 3:39pm UTC](https://forum.inductiveautomation.com/t/error-decoder-for-react-component-in-perspective/43728/7 "2021-02-23T15:39:17Z")
Nothing in the last column of the row, only the button with the + sign which is in the 10th of the 12 columns. At least for these rows. I do have rows beneath this that have tables that stretch the full width, 12/12. Attaching the Json. The components name is DD\_AltLocation. [view.json](https://forum.inductiveautomation.com/uploads/short-url/bzy9SRea3GEeo7wkFLCA28MwMH7.json) (98.1 KB) ---
**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\ **Post date:** [February 23, 2021, 3:53pm UTC](https://forum.inductiveautomation.com/t/error-decoder-for-react-component-in-perspective/43728/8 "2021-02-23T15:53:39Z")
It doesn’t need to be _that_ row. The overlay which occurs results in the column container re-drawing its internal components across _all_ rows. It’s going to be impossible for me to tell from your View where the error is occurring since I don’t have the same data backing the View. Also, what you sent me does not contain some components I see in your screenshots, so I might not even have the problematic component. I noticed in the screenshot where you mention the labels that there is a red box around either a component or row. Could you provide. abetter screenshot which shows the entirety of that red box? Could you provide some insight into what’s happening there? ---
**Author:** ![bkarabinchak.psi](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/bkarabinchak.psi/32/83567_2.png) [@bkarabinchak.psi](https://forum.inductiveautomation.com/u/bkarabinchak.psi)\ **Post date:** [February 23, 2021, 3:59pm UTC](https://forum.inductiveautomation.com/t/error-decoder-for-react-component-in-perspective/43728/9 "2021-02-23T15:59:52Z")
Ok, in that case yes I have three tables that take up the whole width in their own separate rows underneath these dropdowns. I just checked small/medium/large and there are no visual changes, no components are getting resized or moved about in this view. And yes whenever I select any component it seems, I see this red line with this numeric label like such - ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/1/0/102195e6992073d5660e0b00410c0919b1822b09.png) It’s always the same spot, cuttnig through the second row, regardless of what component I’ve selected. The number that is displayed vertically on the left seems to corresponds to be consistent with what component I’ve selected - if I select the first component then the label is always `148.970...`. Perhas I sent the wrong thing. I exported the whole view and attached it here - [SiteSafetyFormExists.zip](https://forum.inductiveautomation.com/uploads/short-url/wJKk3dwP6Dz8opDgF1FeiftbSFc.zip) (46.0 KB) ---
**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\ **Post date:** [February 23, 2021, 5:01pm UTC](https://forum.inductiveautomation.com/t/error-decoder-for-react-component-in-perspective/43728/10 "2021-02-23T17:01:10Z")
Ah, many components are hidden behind binding evaluations which are faulting since I don’t have the data. Do you have an unmodified copy of this View from _before_ you modified the rows to allow for a new top row? I’d be interested to see if this happened in the unmodified View - just to rule out any errors when you modified it. ---
**Author:** ![bkarabinchak.psi](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/bkarabinchak.psi/32/83567_2.png) [@bkarabinchak.psi](https://forum.inductiveautomation.com/u/bkarabinchak.psi)\ **Post date:** [February 23, 2021, 5:23pm UTC](https://forum.inductiveautomation.com/t/error-decoder-for-react-component-in-perspective/43728/11 "2021-02-23T17:23:56Z")
Heres before I modified the JSON to add a row/before adding the additonal dropdown/label.[SiteSafetyFormExistsBeta.zip](https://forum.inductiveautomation.com/uploads/short-url/ri652oWCe53CiQ5Sj6H70OfOGol.zip) (12.3 KB) ---
**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\ **Post date:** [February 23, 2021, 5:28pm UTC](https://forum.inductiveautomation.com/t/error-decoder-for-react-component-in-perspective/43728/12 "2021-02-23T17:28:19Z")
Like I said, I probably won’t be able to replicate the issue since I don’t have data backing anything. Try saving your modified changes somewhere and then put the original file back into place. Do you still encounter the error while using the original file? ---
**Author:** ![bkarabinchak.psi](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/bkarabinchak.psi/32/83567_2.png) [@bkarabinchak.psi](https://forum.inductiveautomation.com/u/bkarabinchak.psi)\ **Post date:** [February 23, 2021, 8:05pm UTC](https://forum.inductiveautomation.com/t/error-decoder-for-react-component-in-perspective/43728/13 "2021-02-23T20:05:17Z")
Yea it’s fine now that I reloaded the old one and manually moved everything by a row. ---
**Author:** ![bkarabinchak.psi](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/bkarabinchak.psi/32/83567_2.png) [@bkarabinchak.psi](https://forum.inductiveautomation.com/u/bkarabinchak.psi)\ **Post date:** [February 25, 2021, 6:31pm UTC](https://forum.inductiveautomation.com/t/error-decoder-for-react-component-in-perspective/43728/14 "2021-02-25T18:31:44Z")
Unrelated I am starting to see this error in production on another unrelated untouched view. This one had been in production for a while and I don’t recall seeing this error before. The only changes done to it were when we upgraded from 8.0.12 to 8.0.14 two weeks ago. Here is the view if you want to take a look[assetSelection.zip](https://forum.inductiveautomation.com/uploads/short-url/7Mj5uTGd09Or73fXoS34UJdNb8g.zip) (21.9 KB)