[BUG] Stencil.js - Cannot read properties of undefined (reading 'isProxied')

[developernm]

Elasticsearch logs are showing errors from a Web Crawler (GoogleBot 2.1) when looking at the properties:

• user_agent.device.name
• user_agent.name

Error: Cannot read properties of undefined (reading 'isProxied')

When researching this error, I'm brought to these pages:

ionic-team/stencil#5035

ionic-team/stencil#5759

https://stenciljs.com/docs/v2/react#:~:text=TypeError%3A%20Cannot%20read%20properties%20of,the%20Stencil%20config's%20extras%20object.

Elastic error:

I understand this maybe broad and I haven't found a way at the moment to replicate it, but the stencil.js documentation does mention the below (which is linked above).

TypeError: Cannot read properties of undefined (reading 'isProxied')
If you encounter this error when running the React application consuming your proxy components, you can set the experimentalImportInjection flag on the Stencil config's extras object. Once set, this will require you to rebuild the Stencil component library and the React component library.

[developernm]

Need to upgrade Data Upload UI to use the latest design library to see if its still an issue. as its already integrated with elastic search.

[developernm]

Updated design system with latest version, Draft PR for EDU

We agreed as alot of changes have been made since, that the design system needs updating on the project. I've done this however there are a bunch of other changes which need to be made alongside it (more specific to the project).

Issues identified when updating design system for EDU.

• Select element data is bold. (autocomplete isn't so we need consistency)
• file input has a solid border when selecting a file, as an active state
• hover state (tab selected state) has a smaller box in yellow and another line underneath (header tabs)
• Double underline on my surveys page
• Some alignment issues with the submit button and file size (can be fixed in project.)
• Has the data been interpolated alignment
• depths and soundings alignment (Reduction of sounding to datum method)
• are depths shoal biased alignment

I believe most of the alignment issues are related to removing the blanket import of bulma and targeting the specifics, the main culprit being the missing class for "is-block"