[fix] ReactDOM hydration warnings in development

Don't try to hydrate from SSR HTML during development. Fix #745
necolas · Dec 30, 2017 · 41d90e0 · 41d90e0
1 parent 86263a2
commit 41d90e0
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/packages/react-native-web/src/apis/AppRegistry/renderApplication.js b/packages/react-native-web/src/apis/AppRegistry/renderApplication.js
@@ -9,20 +9,23 @@
  * @flow
  */
 
+import AppContainer from './AppContainer';
 import invariant from 'fbjs/lib/invariant';
 import hydrate from '../../modules/hydrate';
-import AppContainer from './AppContainer';
+import render from '../../modules/render';
 import StyleSheet from '../../apis/StyleSheet';
 import React, { type ComponentType } from 'react';
 
+const renderFn = process.env.NODE_ENV !== 'production' ? render : hydrate;
+
 export default function renderApplication<Props: Object>(
   RootComponent: ComponentType<Props>,
   initialProps: Props,
   rootTag: any
 ) {
   invariant(rootTag, 'Expect to have a valid rootTag, instead got ', rootTag);
 
-  hydrate(
+  renderFn(
     <AppContainer rootTag={rootTag}>
       <RootComponent {...initialProps} />
     </AppContainer>,