WebComponentWrapper not passing props to the web element

[pdashford]

Whne using the WebComponentWrapper and setting the props property this does not appear to set the value into the web element component.

[props]={ 'user': 'test'}

However when checking for the property in a React component the value is null.

Has anyone else experienced the same issue.

class ReactMfe extends HTMLElement {
connectedCallback() {
const mountPoint = document.createElement('div');
this.attachShadow({ mode: 'open' }).appendChild(mountPoint);
const user = this.getAttribute('user');
console.log('🚀 ~ file: app.tsx: ~ user:', user)
const root = ReactDOM.createRoot(mountPoint as HTMLElement);
root.render();
}
}

customElements.define('caracal-admin', ReactMfe);

[AndreasLoukakis]

Maybe you should try accessing this.user from within the ReactMfe class. You are passing properties, not attributes.

[pdashford]

Super thank you yes that worked. There doesnt seem to be any good examples of using the props with the wrapper. Thanks again