Manage Group Form Submission Leads to Error (DEVELOPMENT MODE ONLY)

[david-roper]

What Happened?

When a group manager submits the manage group form it leads to a Network Error as seen in the attached log

error(3).json

What Did You Expect?

I expect the manage group form to successfully change the group settings after the form is submitted.

Operating System

Ubuntu 22.04

Browser (if applicable)

Firefox

Steps to Reproduce

Login as admin user
Create new group
Create new user and assign them as group manager of the newly created group
Login as a said group manager
navigate to manage group page
submit the form

Anything Else?

No response

[joshunrau]

This seems like an OS or Douglas network related issue. It could be an issue with the reverse proxy in dev, but I can't replicate it. I can't replicate this on the main branch.

[joshunrau]

Can you please try again and see if it works. I am not sure how the Douglas could cause this (@gdevenyi any ideas?), but am not a networking expect, so who knows. But this error means it literally cannot connect to the server.

[gdevenyi]

The json says "idValidationRegexErrorMessage"

[joshunrau]

The json says "idValidationRegexErrorMessage"

That is part of the group settings and is being sent in the request.

[gdevenyi]

@david-roper this should be replicable in the staging instance. Is it?

[david-roper]

@gdevenyi Just tried in the https://mouseodc-staging.douglasneuroinformatics.ca/ and the form is working find. The mouseODC is currently on 1.10.3.

[gdevenyi]

Has the data in staging been synced with the current data in prod?

[david-roper]

Yes. The form also works in the prod version too.

[david-roper]

Added some more steps to make it easier to reproduce @joshunrau

[david-roper]

Issue persists when I run it on the current main branch. I'll try it out on my home network

[thomasbeaudry]

I tried this on a fresh install and I didn't have the issue. The problem is related to David's instance

[david-roper]

Thomas ran it directly from the docker instance, im running it following the steps from the development documentation

[weijietan-fc]

I ran the app in my localhost with pnpm dev.
It also fails on my end and here is the error message:

{
  "message": "Network Error",
  "name": "AxiosError",
  "stack": "handleError@http://localhost:3000/node_modules/.vite/deps/axios.js?v=9849de1a:1624:19\n",
  "config": {
    "transitional": {
      "silentJSONParsing": true,
      "forcedJSONParsing": true,
      "clarifyTimeoutError": false
    },
    "adapter": [
      "xhr",
      "http",
      "fetch"
    ],
    "transformRequest": [
      null
    ],
    "transformResponse": [
      null
    ],
    "timeout": 10000,
    "xsrfCookieName": "XSRF-TOKEN",
    "xsrfHeaderName": "X-XSRF-TOKEN",
    "maxContentLength": -1,
    "maxBodyLength": -1,
    "env": {},
    "headers": {
      "Accept": "application/json",
      "Content-Type": "application/json",
      "Authorization": "Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJhZGRpdGlvbmFsUGVybWlzc2lvbnMiOltdLCJiYXNlUGVybWlzc2lvbkxldmVsIjoiR1JPVVBfTUFOQUdFUiIsImZpcnN0TmFtZSI6InVzZXIiLCJncm91cHMiOlt7InNldHRpbmdzIjp7ImRlZmF1bHRJZGVudGlmaWNhdGlvbk1ldGhvZCI6IkNVU1RPTV9JRCIsImlkVmFsaWRhdGlvblJlZ2V4IjpudWxsLCJpZFZhbGlkYXRpb25SZWdleEVycm9yTWVzc2FnZSI6bnVsbCwic3ViamVjdElkRGlzcGxheUxlbmd0aCI6bnVsbH0sImNyZWF0ZWRBdCI6IjIwMjUtMTItMDJUMjE6MzQ6MDYuOTM2WiIsInVwZGF0ZWRBdCI6IjIwMjUtMTItMDJUMjE6MzQ6MDYuOTM2WiIsImlkIjoiNjkyZjViNGVlOTE1NjFiNGU1NjdkODUzIiwiYWNjZXNzaWJsZUluc3RydW1lbnRJZHMiOltdLCJuYW1lIjoic3R1cGlkIGdyb3VwIiwic3ViamVjdElkcyI6W10sInR5cGUiOiJSRVNFQVJDSCIsInVzZXJJZHMiOlsiNjkyZjViOTVlOTE1NjFiNGU1NjdkODU0Il0sIl9fbW9kZWxOYW1lIjoiR3JvdXAifV0sImxhc3ROYW1lIjoic3RwIiwidXNlcm5hbWUiOiJ1c2VyQGV4YW1wbGUub3JnIiwicGVybWlzc2lvbnMiOlt7ImFjdGlvbiI6Im1hbmFnZSIsInN1YmplY3QiOiJBc3NpZ25tZW50IiwiY29uZGl0aW9ucyI6eyJncm91cElkIjp7ImluIjpbIjY5MmY1YjRlZTkxNTYxYjRlNTY3ZDg1MyJdfX19LHsiYWN0aW9uIjoibWFuYWdlIiwic3ViamVjdCI6Ikdyb3VwIiwiY29uZGl0aW9ucyI6eyJpZCI6eyJpbiI6WyI2OTJmNWI0ZWU5MTU2MWI0ZTU2N2Q4NTMiXX19fSx7ImFjdGlvbiI6InJlYWQiLCJzdWJqZWN0IjoiSW5zdHJ1bWVudCJ9LHsiYWN0aW9uIjoiY3JlYXRlIiwic3ViamVjdCI6Ikluc3RydW1lbnRSZWNvcmQifSx7ImFjdGlvbiI6InJlYWQiLCJzdWJqZWN0IjoiSW5zdHJ1bWVudFJlY29yZCIsImNvbmRpdGlvbnMiOnsiZ3JvdXBJZCI6eyJpbiI6WyI2OTJmNWI0ZWU5MTU2MWI0ZTU2N2Q4NTMiXX19fSx7ImFjdGlvbiI6ImNyZWF0ZSIsInN1YmplY3QiOiJTZXNzaW9uIn0seyJhY3Rpb24iOiJyZWFkIiwic3ViamVjdCI6IlNlc3Npb24iLCJjb25kaXRpb25zIjp7Imdyb3VwSWQiOnsiaW4iOlsiNjkyZjViNGVlOTE1NjFiNGU1NjdkODUzIl19fX0seyJhY3Rpb24iOiJjcmVhdGUiLCJzdWJqZWN0IjoiU3ViamVjdCJ9LHsiYWN0aW9uIjoicmVhZCIsInN1YmplY3QiOiJTdWJqZWN0IiwiY29uZGl0aW9ucyI6eyJncm91cElkcyI6eyJoYXNTb21lIjpbIjY5MmY1YjRlZTkxNTYxYjRlNTY3ZDg1MyJdfX19LHsiYWN0aW9uIjoicmVhZCIsInN1YmplY3QiOiJVc2VyIiwiY29uZGl0aW9ucyI6eyJncm91cElkcyI6eyJoYXNTb21lIjpbIjY5MmY1YjRlZTkxNTYxYjRlNTY3ZDg1MyJdfX19XSwiaWF0IjoxNzY0NzExMzQxLCJleHAiOjE3NjQ3MTQ5NDF9.cy61ilgMo6mD1SQBuI_yGB2s4I6-8aRZQBWM_U3yg_g"
    },
    "baseURL": "http://localhost:5500",
    "method": "patch",
    "url": "/v1/groups/692f5b4ee91561b4e567d853",
    "data": "{\"accessibleInstrumentIds\":[],\"settings\":{\"defaultIdentificationMethod\":\"CUSTOM_ID\",\"idValidationRegexErrorMessage\":{},\"subjectIdDisplayLength\":12}}",
    "allowAbsoluteUrls": true,
    "timeoutErrorMessage": "Network Error"
  },
  "code": "ERR_NETWORK"
}

[david-roper]

Update on this issue any API call that uses the tanstack mutation method that includes a axios.patch api call will lead to this error. For example calling the useUpdateUserMutation() also leads to the same error