Problems conditionally rendering surfaces

[AidenFaulconer]

I am trying to conditionally render a surface as a popup from a button. However, I am getting these Errors in this order when I attempt to start the popup:

The method in which I am creating surfaces is through apostMessage({popup: 'r360open'}) in a react 360 component

Unexpected Fiber popped. Warning: Unexpected pop.

    if (e.data.popup === "r360open"){
      root1 = r360.renderToSurface(
        r360.createRoot('R360_Popup'),
        R360_Popup,
         /* optional, a name to reference the surface */
      );
      console.warn('opening Popup')
    }

a console log "opening Popup" TypeError: Cannot read property 'getValue' of undefined

[abhinavsagar]

Can you give some more details like the OS, browser, as well as the version of REACT 360 you are using? As well as can you please specify the context as to which part you are talking about?

[AidenFaulconer]

Here is a screenshot of the code, showing the steps taken to reach this error, You may need to open the image in full screen to read it. Thank you for your help @abhinavsagar

Context: JSON data is mapped into many buttons in the first step, a function is passed into each popup button which references the button components parent function which gets parameters unique to each button. When called it sets a popup buttons state with an array which is read into popup component where it then opens up and causes the error we see with surfaces... When removing the post messages telling the client to mount a surface. The popup loads Okay, but its position is wrong despite passing in the coordinates unique to the button who called the popup display function

I am more than happy to provide more information if needed

[AidenFaulconer]

Would anybody know how to solve this issue?

[larrylin28]

Are you able to use "pause on exception" in Chrome developer tool to see what the actual error is? Without more context it's hard to find out your issue. BTW, when you calling r360.renderToSurface(r360.createRoot("R360_Popup"), ...), it's expecting to create a surface and render a root view registered as "R360_Popup" using AppRegistry. But I didn't see your code about a root view registered to AppRegistry with this name. R360_Popup seems to be a subview of other views rather than a root view.