Remove Proxy from React.Context example

Hermes doesn't support Proxy ¯\_(ツ)_/¯

playground/src/context/index.js

@@ -1,21 +1,20 @@
 const React = require('react');
-let ctx = {
+const _context = {
   title: 'Title from global context',
   count: 0
 };
-
-const stateAwareContext = (component) =>
-  new Proxy(ctx, {
-    set: function (obj, prop, value) {
-      obj[prop] = value;
-      component.setState({ context: stateAwareContext(component) });
-      return true;
-    }
-  });
+const contextWrapper = (component) => ({
+  ..._context,
+  incrementCount: () => {
+    _context.count++;
+    component.setState({ context: contextWrapper(component) })
+  }
+});
 
 const GlobalContext = React.createContext({});
 class ContextProvider extends React.Component {
-  state = {context :stateAwareContext(this)};
+  state = { context: contextWrapper(this) }
+
   render() {
     return (
       <GlobalContext.Provider value={this.state.context}>

playground/src/screens/ContextScreen.js

@@ -24,7 +24,7 @@ class ContextScreen extends React.Component {
           {ctx => <Text style={styles.text}>Provider value: {ctx.title}</Text>}
         </GlobalContext.Consumer>
         <GlobalContext.Consumer>
-          {ctx => <Button title={`clicked ${ctx.count}`} onPress={() => ctx.count++} />}
+          {ctx => <Button title={`clicked ${ctx.count}`} onPress={() => ctx.incrementCount()} />}
         </GlobalContext.Consumer>
       </Root>
     );