yarn 2 compat

.node-version

@@ -0,0 +1 @@
+14.3.0

.yarnrc.yml

@@ -0,0 +1,3 @@
+yarnPath: ".yarn/releases/yarn-berry.js"
+pnpMode: loose
+nodeLinker: node-modules

package.json

@@ -21,12 +21,15 @@
     "react": "^16.8.1",
     "react-datepicker": "^2.15.0",
     "react-dom": "^16.8.1",
-    "reason-react": ">=0.7.1",
+    "reason-react": "^0.8.0",
     "webpack": "^4.43.0",
     "webpack-cli": "^3.3.11"
   },
   "devDependencies": {
     "bs-platform": "^7.3.2",
     "moduleserve": "^0.9.0"
+  },
+  "resolutions": {
+    "reason-crossword-front": "portal:/Users/anthonys/reason-crossword-front"
   }
 }

src/Container/Container.bs.js

@@ -7,7 +7,7 @@ var DatePicker$ReasonReactExamples = require("../DatePicker/DatePicker.bs.js");
 function Container(Props) {
   return React.createElement("div", {
               className: "flex one"
-            }, React.createElement(DatePicker$ReasonReactExamples.make, { }), React.createElement("ul", undefined, React.createElement(UserEntry$ReasonReactExamples.make, {
+            }, React.createElement(DatePicker$ReasonReactExamples.make, { }), React.createElement("ol", undefined, React.createElement(UserEntry$ReasonReactExamples.make, {
                       name: "Anthony",
                       score: "1:00"
                     }), React.createElement(UserEntry$ReasonReactExamples.make, {

src/Container/Container.re

@@ -2,9 +2,9 @@
 let make = () => {
   <div className="flex one">
     <DatePicker />
-    <ul>
+    <ol>
       <UserEntry name="Anthony" score="1:00" />
       <UserEntry name="Mae" score="0:15" />
-    </ul>
+    </ol>
   </div>;
 };

src/DatePicker/DatePicker.bs.js

@@ -5,7 +5,7 @@ var Moment = require("moment");
 
 function DatePicker(Props) {
   var date = Moment().format("YYYY-MM-DD");
-  return React.createElement("div", undefined, React.createElement("input", {
+  return React.createElement(React.Fragment, undefined, React.createElement("input", {
                   type: "date",
                   value: date
                 }));

src/DatePicker/DatePicker.re

@@ -1,5 +1,5 @@
 [@react.component]
 let make = () => {
   let date = MomentRe.momentNow() |> MomentRe.Moment.format("YYYY-MM-DD");
-  <div> <input type_="date" value=date /> </div>;
+  <> <input type_="date" value=date /> </>;
 };

src/UserEntry/UserEntry.bs.js

@@ -7,7 +7,7 @@ function UserEntry(Props) {
   var score = Props.score;
   return React.createElement("article", {
               className: "stack pseudo button"
-            }, React.createElement("div", undefined, name + (" - " + score)));
+            }, name + (" - " + score));
 }
 
 var make = UserEntry;

src/UserEntry/UserEntry.re

@@ -1,5 +1,5 @@
 [@react.component]
 let make = (~name: string, ~score: string) =>
   <article className="stack pseudo button">
-    <div> {React.string(name ++ " - " ++ score)} </div>
+    {React.string(name ++ " - " ++ score)}
   </article>;