chore(platform): rewrite to JSX 3

BREAKING CHANGE: it won't work with JSX 2 anymore

bsconfig.json

@@ -1,6 +1,6 @@
 {
   "name": "bs-enzyme",
-  "reason": { "react-jsx": 2 },
+  "reason": { "react-jsx": 3 },
   "bs-dependencies": ["reason-react"],
   "bs-dev-dependencies": ["@glennsl/bs-jest"],
   "bsc-flags": ["-bs-super-errors"],

src/__tests__/DummyComponent.re

@@ -3,25 +3,25 @@ type state = {clicked: bool};
 type action =
   | Click;
 
-let se = ReasonReact.string;
+let se = React.string;
 
-let component = ReasonReact.reducerComponent("DummyComponent");
-
-let make = (~title, _children) => {
-  ...component,
-  initialState: () => {clicked: false},
-  reducer: (action, state) =>
+[@react.component]
+let make = (~title) => {
+  let (state, dispatch) = React.useReducer(
+    (state, action) =>
     switch action {
-    | Click => ReasonReact.Update({clicked: ! state.clicked})
+    | Click => {clicked: !state.clicked}
     },
-  render: (self) =>
-    <div className="dummy">
-      <div id="header"> <h1> (se(title)) </h1> </div>
-      <div id="content">
-        <button id="click-me" onClick=((_event) => self.send(Click))>
-          (se(self.state.clicked ? "I've been clicked!" : "Click Me!"))
-        </button>
-        <ul id="list"> <li> (se("One")) </li> <li> (se("Two")) </li> <li> (se("Three")) </li> </ul>
-      </div>
+    {clicked: false}
+  );
+
+  <div className="dummy">
+    <div id="header"> <h1> (se(title)) </h1> </div>
+    <div id="content">
+      <button id="click-me" onClick=((_event) => dispatch(Click))>
+        (se(state.clicked ? "I've been clicked!" : "Click Me!"))
+      </button>
+      <ul id="list"> <li> (se("One")) </li> <li> (se("Two")) </li> <li> (se("Three")) </li> </ul>
     </div>
+  </div>
 };

src/__tests__/DummyComponent_test.re

@@ -53,8 +53,10 @@ describe(
           "initially has its `clicked` state set to false",
           () => {
             let wrapper = setup();
-            let {clicked}: DummyComponent.state = Enzyme.Shallow.state(wrapper);
-            expect(clicked) |> toBe(false)
+            let button = wrapper |> Enzyme.Shallow.find("#click-me");
+            let buttonText = button |> Enzyme.Shallow.text;
+            expect(buttonText) |> toEqual("Click Me!");
+
           }
         );
         test(
@@ -141,8 +143,9 @@ describe(
           "initially has its `clicked` state set to false",
           () => {
             let wrapper = setup();
-            let {clicked}: DummyComponent.state = Enzyme.Mount.state(wrapper);
-            expect(clicked) |> toBe(false)
+            let button = wrapper |> Enzyme.Mount.find("#click-me");
+            let buttonText = button |> Enzyme.Mount.text
+            expect(buttonText) |> toEqual("Click Me!")
           }
         );
         test(