type : {type}
\nmode : {mode}
\nchildren : {children}
\narray :
\nobject : {object?.sub?.sub1}
\nnumber : {number}
\n \n\n\nAnyReactComponent.displayName = \"AnyReactComponent\";\n\nexport default AnyReactComponent;\n```\n\n### Making the React Component usable everywhere\nTo make the previously created React component usable anywhere as a custom element, you need to define this custom element.\n\nThe method `defineCustomElementReact` allows you to specify several essential elements: \n#### namespace\ntype: *string*\n\nIt's highly recommended to prefix the custom element by a namespace to avoid conflicts with existing tags or directives.\n\n#### component\ntype: *React.FC*\n\nIt's necessary to provide an arrow function component in this property.\n\n#### name\ntype: *string* optional\n\nThe name of the custom element can be inferred from the name of the component passed in the `component` property or its `displayName`. You can, of course, customize it using this property.\n\n#### props\ntype: *string[]* optional (required if the React component is not an arrow function)\n\nThis property indicates the list of props that you want to listen. Whenever one of the values changes, the custom element will re-render.\n\n```js\nimport { defineCustomElementReact } from '@axa-fr/everything-to-everywhere';\nimport AnyReactComponent from './AnyReactComponent';\n\ndefineCustomElementReact({\n namespace: 'owc',\n component: AnyReactComponent,\n name: \"a-component\",\n props: [\"prop\", \"you\", \"want\", \"to\", \"listen\"]\n})\n```\n\nHowever, in a very simple case, you can omit the component name and the list of properties. This only works if: \n- you want to map all the props \n- your component destructures all of them explicitly. For example `({prop1, prop2, prop3})` would work but not `({prop1, ...props})` or `(props)`\n- your component is in the form of an arrow function component\n- the target of the bundle is > ES6\n- there is no modification on the destructuring of props in the bundle\n\nYou can, in all cases, set default values.\n\n```js\nimport { defineCustomElementReact } from '@axa-fr/everything-to-everywhere';\nimport AnyReactComponent from './AnyReactComponent';\n\ndefineCustomElementReact({\n namespace: 'owc',\n component: AnyReactComponent\n})\n```\n\n### Using the new custom element\n\nIn our previous example, the React component was called `AnyReactComponent` (in Pascal case). \nThe custom element must comply with HTML standards and best practices, so it should have a namespace and be in kebab case.\n\nOur component will be usable with the name `owc-any-react-component`.\n\n#### Passing Data\n\nYou will also need to pass all its required attributes: \n\n```html\n