[BUG] Custom component not getting submission data
Environment
Please provide as many details as you can:
- Hosting type
- [] Form.io
- [x] Local deployment
- Version:
- Formio.js version: 4.11.0
- Frontend framework: react 16.13.1, react-formio 4.3.0, @rmwc ^6.1.0 (multiple components ), @storybook/react 5.3.19
- Browser: Chrome, Mozilla Firefox, Safari
- Browser version: Chrome 83, Firefox 77, Safari 13.
Steps to Reproduce
- Create a RMWC component (Textfield or Radio), create a custom component integration (similar to https://codesandbox.io/s/custom-formio-component-in-react-81qb6?from-embed=&file=/src/Custom/Toggle/index.js:2451-2460 ) .
- Create form setup and submission data ,add it to <Form form={form} submission={submission}/>.
- Start up Storybook, go to form, input not changed to data in submission.
Expected behavior
When data from submission is loaded, this.dataValue should have the submission data.
Observed behavior
this.dataValue is null, notice that there is a this.dataForSettings that has the correct data but it's not accessible for my custom component. Seems like there is a rerender of props that doesn't effect custom components, but basic components receives data from submission.
Example
Unsure what to provide.
@jepz Thank you for reaching out! Form.io offers Support Packages that are for training, support, or development services. The hours can be used in one-hour increments at your convenience over a 90 day period. We will assign one of our senior developers to work directly with you in online sessions.
Please let us know if you are interested.
I am too facing the same issue I can see the data in the submission Response but its not displaying in the custom component. Please help to fix this or any work around available. Thanks
Same happens to me
Having the same issues, any solutions yet?
Also having this issue in certain cases, for example within a Data Grid
An example updated React 18 + Custom Component working! Demo