Update React package, add a couple tests, update deps.

Author: alexmacarthur

.github/workflows/test.yml

@@ -6,16 +6,14 @@ jobs:
   build:
     runs-on: ubuntu-latest
     steps:
-    - uses: actions/checkout@v3
+    - uses: actions/checkout@v4
       with:
         ref: ${{ github.event.pull_request.head.sha }}
-    - uses: actions/setup-node@v3
+    - uses: actions/setup-node@v4
       with:
-        node-version: 18
-    - name: Install Dependencies
-      run: npm install && npm run bootstrap
-    - name: Run Tests
-      run: npm test
+        node-version: 20
+    - run: npm install && npm run bootstrap
+    - run: npm test
     - uses: preactjs/compressed-size-action@v2
       with:
         repo-token: "${{ secrets.GITHUB_TOKEN }}"

.tool-versions

@@ -1 +1 @@
-nodejs 17.5.0
+nodejs 20.3.0

packages/typeit-react/examples/app.tsx

@@ -13,24 +13,28 @@ const App = () => {
     <>
       {showElements && (
         <>
-          <TypeIt className="test" options={options}>
+          {/* <TypeIt className="test" options={options}>
             This is the first example.
-          </TypeIt>
+          </TypeIt> */}
 
-          <TypeIt>
+          <br />
+
+          <TypeIt as={"h3"}>This will be typed in an H3 tag.</TypeIt>
+
+          {/* <TypeIt>
             Weak text. <SuperStrong>Super strong text.</SuperStrong>
-          </TypeIt>
+          </TypeIt> */}
 
           <br />
 
-          <TypeIt>And this is another example.</TypeIt>
+          {/* <TypeIt>And this is another example.</TypeIt> */}
           <br />
-          <TypeIt
+          {/* <TypeIt
             options={{
               strings: "A final one!",
               ...options,
             }}
-          />
+          /> */}
         </>
       )}