globalClassNamePolyfill removes properties

[doits]

Before submitting a new issue

• I tested using the latest version of the library, as the bug might be already fixed.
• I tested using a supported version of react native.
• I checked for possible duplicate issues, with possible answers.

Bug summary

When using globalClassNamePolyfill: true, due to the way it works, properties get lost. For example Image has a resolveAssetPath function as a property which gets lost.

Without the polyfill enabled you can do this and it imports the function:

import { resolveAssetPath } from Image

With the polyfill enabled, it doesn't work anymore (the above returns undefined).

I think the solution might be to do a Object.assign:

export function Image(props: StyledProps<ImageProps, typeof mapping>) {
  return useCssElement(RNImage, props, mapping);
}

Object.assign(Image, RNImage)

Library version

3.0.0

Environment info

Not relevant

Steps to reproduce

See above

Reproducible example repository

Not provided

[doits]

Some more info/context:

• Polyfill disabled:

  import { Image } from "react-native";
  
  console.log(Object.keys(Image));
  // => ["displayName", "getSize", "getSizeWithHeaders", "prefetch", "prefetchWithMetadata", "queryCache", "resolveAssetSource"]

• Polyfill enabled:

  import { Image } from "react-native";
  
  console.log(Object.keys(Image));
  // => []

I found it out because it breaks https://github.com/react-native-webview/react-native-webview, which depends on this.

[marklawlor]

Fixed in 7f3eb1f

[doits]

Thanks, looks good! Will test out when a new version is released.