topic Re: Minified React Error #31 in Experience Builder when connecting Survey123 form to Web Map to send data to survey in ArcGIS Experience Builder Questions

Minified React Error #31 in Experience Builder when connecting Survey123 form to Web Map to send data to survey

erica_poisson — Fri, 09 Dec 2022 13:09:43 GMT

Hi -

I am using Experience Builder to pass the geometry and attribute information from a feature layer in a web map into a Survey123 form I own.

This had been configured and working well, however, I switched the "source" layer (source of the geometry/attributes) in my web map and need to re-connect the layer to my Survey123 form within Experience Builder to continue passing this information from the web map/selected layer into Survey123. When I go to re-configure the Survey element in Experience Builder, I see this error in the config pane on the right as soon as I try to make a connection between the layer in my map and the form. See screen capture below.

Error:
Minified React error #31; visit https://reactjs.org/docs/error-decoder.html?invariant=31&args[]=object%20with%20keys%20%7Ben%7D for the full message or use the non-minified dev environment for full errors and additional helpful warnings.

I have tested in Firefox and Chrome and see the same problem. Attached is a screen capture of the issue.

In addition, this is occurring with a Survey123 form that threw this bizarre error out of nowhere on Monday. See this GeoNet post for details; I am unsure if this new problem is related to this error or if this is something different. I do have a technical support case open, but wanted to post here as well in case anyone had insights.

I have republished a new Survey123 form, saved a new copy of the web map and tried creating a new Experience to see if this resolved my issue, however the error still persisted.

Please advise,

Re: Minified React Error #31 in Experience Builder when connecting Survey123 form to Web Map to send data to survey

ZhifangWang — Wed, 14 Dec 2022 07:41:50 GMT

Hi @erica_poisson ,

Can you please share some details about this error?

After which exact step, did you see this error?
switched the "source" layer - Did you just choose another layer from the same map or re-configure the map widget to another source first？
From the last paragraph, it looks this issue even occurs in a new experience, can you please confirm if this only occurs for the same map/layer source or also applies to other map/layer source?

Re: Minified React Error #31 in Experience Builder when connecting Survey123 form to Web Map to send data to survey

erica_poisson — Wed, 14 Dec 2022 12:46:28 GMT

Hi @ZhifangWang -

I have a case open with Technical Support now and I think I have identified what is happening here. My case number is #03216988 for your reference. I can share the Survey123 XLSForm with you, or invite you to a group that contains the Survey123 form, web map, ExB app and hosted Feature Layer I am working with, if that helps.

My Survey123 form was working properly until early last week when I had this error. I republished the form and it was working OK again until I swapped out a layer within a web map and needed to update my Experience Builder app to re-configure the connection between the Map and Survey widgets. I am passing attributes & geometry from a layer in my map into a Survey123 form. I'd switched the attribute/geometry source layer in the map, and needed to rebuild the connection between Map and Survey widget in ExB. I was unable to do this because of the error this post was written about.

After lots of testing, I think I have identified the problem as Survey123 Connect version 3.16.xxx.

Yesterday, I republished my Survey123 form using an older version of Survey123 Connect that I had on my computer. I republished the XLSForm from version 3.15.175. Before republishing, I removed my pulldata @ layer function since this is not supported at version 3.15.xxx. When I opened my Experience Builder app, it was working perfectly and I was able to rebuild the connection between my Map and Survey widgets. I saved and published ExB. I then opened my XLSForm in Survey123 Connect version 3.16.110, added the pulldata @ layer function back in and published the form. I opened the published ExB app and was able to successfully use the map/survey together. The information from the map passed into the Survey123 form and I could submit.

Screen capture below from right after republishing from Connect version 3.15.175.

I am using this pulldata @ layer function in the XLSForm:

Re: Minified React Error #31 in Experience Builder when connecting Survey123 form to Web Map to send data to survey

erica_poisson — Fri, 16 Dec 2022 13:59:32 GMT

Hi @ZhifangWang -

This has been logged as a bug - BUG-000154551 - via my Technical Support case.

The workaround is to publish from an older version of Connect (I used 3.15.175), set up Experience Builder w/ a Map & Survey widget to "send data to survey", save & publish the Experience, add the pulldata @ layer calculations back into the XLSForm, republish from Connect v 3.16. The Experience will continue working if these steps are followed.

Re: Minified React Error #31 in Experience Builder when connecting Survey123 form to Web Map to send data to survey

LydiaWerner_MAC — Fri, 27 Jan 2023 19:31:53 GMT

Did you get any notification from Esri when this bug would be addressed? I currently am having this exact same issue and I have no way to revert to an older version of Connect.

Re: Minified React Error #31 in Experience Builder when connecting Survey123 form to Web Map to send data to survey

erica_poisson — Mon, 30 Jan 2023 13:22:54 GMT

I have not heard back at all regarding this bug. I did just check in my My Esri portal and it says "under review". but no additional details have been added.

Re: Minified React Error #31 in Experience Builder when connecting Survey123 form to Web Map to send data to survey

AwesomeEvan — Tue, 31 Jan 2023 16:19:02 GMT

Hey Erica,

Do you mind posting the program file for Survey123 Connect Version 3.15.175?

Or could you let us know where you acquired the old version? We can't find a suitable download for that version online.

Thank you

Re: Minified React Error #31 in Experience Builder when connecting Survey123 form to Web Map to send data to survey

erica_poisson — Wed, 01 Feb 2023 13:16:31 GMT

@AwesomeEvan -

I've direct messaged you with the old version.

Re: Minified React Error #31 in Experience Builder when connecting Survey123 form to Web Map to send data to survey

Ruth_JiatengXu — Fri, 03 Feb 2023 09:27:27 GMT

Hi @erica_poisson

We have fixed the issue, and if possible please help us verify the fix on the BETA env. We will push the fix to prod if the fix works for you.

There are two ways to fix your issue:

1. Use EXB with param ?survey123=env:beta. This will make the EXB connect to Survey123 BETA env which has the fix. Your pervious 3.16 surveys should work as expected without republishing.

2. In 3.16 connect, go to the setting -> service, and use https://survey123beta.arcgis.com/api to republish the survey. Then your survey will work in the EXB directly.

If you have any issue, please let me know.

Thanks,

Ruth

Re: Minified React Error #31 in Experience Builder when connecting Survey123 form to Web Map to send data to survey

erica_poisson — Tue, 07 Feb 2023 12:53:09 GMT

Hi Ruth,

I tested option 1 and it seemed to work, but because I was uncertain if I did it correctly, I also tested option 2. I launched Connect, opened settings > service and changed the URL to the one you've specified (see second screen capture). I clicked OK and then opened an existing Survey123 form. I didn't modify anything and just republished it. Once that was done, I opened an existing Experience Builder in edit mode. I clicked the Survey123 form to see if the error still appeared, and it did.

Connect Services settings:

Re: Minified React Error #31 in Experience Builder when connecting Survey123 form to Web Map to send data to survey

Ruth_JiatengXu — Wed, 08 Feb 2023 04:01:27 GMT

Hi @erica_poisson ,

For option 2, could you please help check the following places in the developer tool? Use F12 on the keyboard to open the developer tool, while the developer is opened refresh your Exb app.

1. The survey version printed in the console, like the following screenshot. This will give us the information of your publish version.

2. The webform in the network, like the following screenshot. We will need to check the format of the label, it should be a string instead of an object if you republished the survey using BETA api. The object will lead to the error you encountered.

Thanks,

Ruth

Re: Minified React Error #31 in Experience Builder when connecting Survey123 form to Web Map to send data to survey

erica_poisson — Wed, 08 Feb 2023 13:34:22 GMT

Hi @Ruth_JiatengXu -

Here is what I see for Survey version via Developer tools. I think it looks the same as yours:

I am not sure I understand what you're referring to in step 2. I can get to where you're asking me to go, however I am unclear as to what should be a string and not an object. When I expand the 'questions' section and then dig into my fields I see that all have a fieldType of esriFieldTypeString except for 2 of my queries which are null because I do not want them stored in the final hosted feature layer.

If you are able to provide more clear instruction for #2 I can do that today.

Re: Minified React Error #31 in Experience Builder when connecting Survey123 form to Web Map to send data to survey

Ruth_JiatengXu — Thu, 09 Feb 2023 02:42:02 GMT

Hi @erica_poisson

For step 2, we need to check the question labels. The question label should be a string like "example text question", rather than {"en": "example text question"}.

Thanks,

Ruth

Re: Minified React Error #31 in Experience Builder when connecting Survey123 form to Web Map to send data to survey

erica_poisson — Thu, 09 Feb 2023 15:40:49 GMT

@Ruth_JiatengXu -

Thank you - all of my labels are in brackets {}.

Re: Minified React Error #31 in Experience Builder when connecting Survey123 form to Web Map to send data to survey

Ruth_JiatengXu — Fri, 10 Feb 2023 03:07:02 GMT

Hi @erica_poisson ,

I guess the BETA service is not successfully applied when you republish the survey.

The fix is currently available on the production env, so option 1 should work directly without survey123=env:beta.

If you still want to try option 2 again. This time the settings->service should be the normal https://survey123.arcgis.com/api. When you set the service, please close and reopen the Connect, then check if the settings->service is successfully applied. Republish the survey and then question labels should become strings.

Since the fix is already on prod, the option 1 will always work; therefore, with or without republishing, the configuration should work as expected. The option 2 can be examed using the developer tool -> network panel -> question label as we communicated before.

Thanks,

Ruth

Re: Minified React Error #31 in Experience Builder when connecting Survey123 form to Web Map to send data to survey

erica_poisson — Fri, 10 Feb 2023 15:35:30 GMT

@Ruth_JiatengXu -

When will the new/fixed production version of Connect be released? I have Connect version 3.16.110 on my computer and when I go to the Survey123 downloads, this is still the version available.

Re: Minified React Error #31 in Experience Builder when connecting Survey123 form to Web Map to send data to survey

Ruth_JiatengXu — Fri, 10 Feb 2023 15:51:48 GMT

Hi @erica_poisson ,

The fix is on the server-side, you can use the fix with your current Connect. The fixed service will be used when you publish and republish surveys. It is the same when you use EXB, the fixed service will be used when you configure the app. Therefore, you don't need to download anything.

Thanks,

Ruth

Re: Minified React Error #31 in Experience Builder when connecting Survey123 form to Web Map to send data to survey

erica_poisson — Fri, 10 Feb 2023 16:13:30 GMT

@Ruth_JiatengXu -

Thank you so much! I just tested and confirmed that everything is working as expected now. I appreciate the quick resolution of this.