search

infor-design / enterprise-wc

Enterprise-grade web component library for the Infor Design System
Apache License 2.0
27 stars 26 forks source link

General: Implementing enterprise-wc in a React Native project #2600

Open Gangceen opened 1 month ago

Gangceen commented 1 month ago

Describe the Issue I am starting out a React Native project and I would like to implement IDS in this project, but it seems that this (and IDS-enterprise) is not compatible in a React native setting as I keep getting the error "Property 'HTMLElement' doesn't exist, js engine: hermes" when attempting to import an IDS component in my react native component.

To Reproduce Steps to see the question or problem:

  1. Follow the "Getting started" guide on React native windows project (https://learn.microsoft.com/en-us/windows/dev-environment/javascript/react-native-for-windows#install-react-native-for-windows)
  2. In the App.tsx file, add an ids component import (import 'ids-enterprise-wc/components/ids-input/ids-input';)
  3. Terminal returns ERROR ReferenceError: Property 'HTMLElement' doesn't exist, js engine: hermes

What are you trying to do Building a React Native project with windows platform/support included

What did you try so far n/a

Version

Screenshots If applicable, add screenshots to help explain your question or problem.

Platform

Additional Context Add any other context about the question or problem here, including the use case if relevant.

tmcconechy commented 1 month ago

@Gangceen FYI I think you are the first one to try a project with React Native. We can try to help take a look.

Do you know if React Native supports web components in general? What team is your team called?

Gangceen commented 1 month ago

Hi Tim, apologies for replying so late. I would need to do a bit more research with regards to React Native's support on web components. All I know so far based on my simple starting project is that it makes use of the native components used for Android and iOS components.

For the team, yes, I am from iCRM in ACE. However, we have decided to pause this POC project for now so I don't think I could start researching more on the problem. When we do resume progress on this, I will make sure to provide findings here as a starting point for potential collaboration.