Proper "this" scoping in react{}

packages/syntax/src/generators.js

@@ -162,5 +162,5 @@ export function DuringStatement(node) {
 export function SyndicateReactStatement(node) {
   this.word("react");
   this.space();
-  this.print(node.body, node);
+  this.printBlock(node.bodyProc);
 }

packages/syntax/src/parser.js

@@ -122,7 +122,7 @@ export default class SyndicateParser extends _original_Parser {
               if (this.isContextual("react")) {
                 this.next();
                 const node = this.startNode();
-                node.body = this.parseStatement();
+                node.bodyProc = this.parseSyntheticFunctionStatement();
                 return this.finishNode(node, "SyndicateReactStatement");
               }
 

packages/syntax/src/plugin.js

@@ -540,10 +540,10 @@ export default declare((api, options) => {
         path.replaceWith(template(
           `DATASPACE._currentFacet.actor.addFacet(
              DATASPACE._currentFacet,
-             function () { BODY },
+             BODYPROC,
              true);`)({
                DATASPACE: state.DataspaceID,
-               BODY: node.body,
+               BODYPROC: node.bodyProc,
              }));
       },
     },

packages/syntax/src/types.js

@@ -196,12 +196,12 @@ defineType("DuringStatement", {
 });
 
 defineType("SyndicateReactStatement", {
-  builder: ["body"],
-  visitor: ["body"],
+  builder: ["bodyProc"],
+  visitor: ["bodyProc"],
   aliases: ["Statement"],
   fields: {
-    body: {
-      validate: assertNodeType("Statement"),
+    bodyProc: {
+      validate: assertNodeType("FunctionExpression"),
     },
   },
 });