fix(web): Allow createElement & unstable_createElement usage

expo · May 5, 2020 · 12adc9d · 12adc9d
1 parent ea6c740
commit 12adc9d
Show file tree

Hide file tree

Showing 13 changed files with 43 additions and 13 deletions.
diff --git a/packages/expo-gl/CHANGELOG.md b/packages/expo-gl/CHANGELOG.md
@@ -2,6 +2,10 @@
 
 ## master
 
+### 🐛 Bug fixes
+
+- Allow createElement & unstable_createElement usage for web. ([#7995](https://github.com/expo/expo/pull/7995) by [@wood1986](https://github.com/wood1986))
+
 ### 🛠 Breaking changes
 
 ### 🎉 New features

diff --git a/packages/expo-gl/build/Canvas.js b/packages/expo-gl/build/Canvas.js
diff --git a/packages/expo-gl/build/Canvas.js.map b/packages/expo-gl/build/Canvas.js.map
diff --git a/packages/expo-gl/build/GLView.d.ts b/packages/expo-gl/build/GLView.d.ts
diff --git a/packages/expo-gl/build/createElement.native.d.ts b/packages/expo-gl/build/createElement.native.d.ts
diff --git a/packages/expo-gl/build/createElement.native.js b/packages/expo-gl/build/createElement.native.js
diff --git a/packages/expo-gl/build/createElement.native.js.map b/packages/expo-gl/build/createElement.native.js.map
diff --git a/packages/expo-gl/build/createElement.web.d.ts b/packages/expo-gl/build/createElement.web.d.ts
diff --git a/packages/expo-gl/build/createElement.web.js b/packages/expo-gl/build/createElement.web.js
diff --git a/packages/expo-gl/build/createElement.web.js.map b/packages/expo-gl/build/createElement.web.js.map
diff --git a/packages/expo-gl/src/Canvas.tsx b/packages/expo-gl/src/Canvas.tsx
@@ -1,13 +1,9 @@
 import * as React from 'react';
 import { findDOMNode } from 'react-dom';
-import {
-  createElement,
-  LayoutChangeEvent,
-  PixelRatio,
-  StyleSheet,
-  View,
-  ViewProps,
-} from 'react-native';
+import { LayoutChangeEvent, PixelRatio, StyleSheet, View, ViewProps } from 'react-native';
+
+// @ts-ignore
+import { createElement } from './createElement';
 
 function getElement(component) {
   try {

diff --git a/packages/expo-gl/src/createElement.native.tsx b/packages/expo-gl/src/createElement.native.tsx
@@ -0,0 +1 @@
+export { createElement } from 'react-native';
diff --git a/packages/expo-gl/src/createElement.web.tsx b/packages/expo-gl/src/createElement.web.tsx
@@ -0,0 +1,11 @@
+// Due to https://github.com/necolas/react-native-web/blob/5287044f403d881a13e17f140c5575ce0661587f/packages/react-native-web/src/index.js#L1
+// See https://github.com/react-native-community/react-native-svg/blob/develop/src/ReactNativeSVG.web.ts
+
+import {
+  // @ts-ignore
+  unstable_createElement as ucE,
+  // @ts-ignore
+  createElement as cE,
+} from 'react-native';
+
+export const createElement = cE || ucE;