[Bug][connections] When a new connection is to be setup it shows a react error. #8953

Search before asking

• I had searched in the issues and found no similar issues.

What happened

When attempting to set up a new data connection, clicking the "Create a new connection" button triggers a critical frontend crash. The UI fails to render the expected modal/form and instead displays a minified React error.

error:

Error: Minified React error #31; visit https://reactjs.org/docs/error-decoder.html?invariant=31&args[]=object%20with%20keys%20%7B_reactName%2C%20_targetInst%2C%20type%2C%20nativeEvent%2C%20target%2C%20currentTarget%2C%20eventPhase%2C%20bubbles%2C%20cancelable%2C%20timeStamp%2C%20defaultPrevented%2C%20isTrusted%2C%20view%2C%20detail%2C%20screenX%2C%20screenY%2C%20clientX%2C%20clientY%2C%20pageX%2C%20pageY%2C%20ctrlKey%2C%20shiftKey%2C%20altKey%2C%20metaKey%2C%20getModifierState%2C%20button%2C%20buttons%2C%20relatedTarget%2C%20movementX%2C%20movementY%2C%20isDefaultPrevented%2C%20isPropagationStopped%7D for the full message or use the non-minified dev environment for full errors and additional helpful warnings.

What do you expect to happen

Clicking the "Create a new connection" button should successfully open the connection configuration form, modal, or wizard for the selected data source without throwing any frontend runtime exceptions.

How to reproduce

1. Log into the DevLake dashboard interface.
2. Navigate to the Data Connections page.
3. Select any connection type (e.g., GitHub, Jira, GitLab).
4. Click on the "Create a new connection" button.
5. Observe the UI crash and check the browser console to see the minified React error Collector should write data with data schema #31.

Anything else

No response

Version

v1.0.3-beta13@57b2641

Are you willing to submit PR?

• Yes I am willing to submit a PR!

Code of Conduct

• I agree to follow this project's Code of Conduct