chore!: upgrade to node 20x

.github/workflows/gh-packages-release.yml

@@ -16,7 +16,7 @@ jobs:
         uses: actions/setup-node@v2
         with:
           cache: 'npm'
-          node-version: '14'
+          node-version-file: .tool-versions
           registry-url: 'https://npm.pkg.github.com'
           # Defaults to the user or organization that owns the workflow file
           scope: '@stordco'

.github/workflows/main.yml

@@ -3,20 +3,15 @@ on: [push]
 jobs:
   build:
     name: Build and lint on Node ${{ matrix.node }} and ${{ matrix.os }}
-
     runs-on: ubuntu-latest
-    strategy:
-      matrix:
-        node: ['12.x', '14.x']
-
     steps:
       - name: Checkout repo
         uses: actions/checkout@v2
 
       - name: Use Node ${{ matrix.node }}
         uses: actions/setup-node@v1
         with:
-          node-version: ${{ matrix.node }}
+          node-version-file: .tool-versions
 
       - name: Install deps and build (with cache)
         uses: bahmutov/npm-install@v1

.tool-versions

@@ -0,0 +1 @@
+nodejs 20.10.0

example/index.tsx

@@ -3,12 +3,12 @@ import * as React from 'react';
 import * as ReactDOM from 'react-dom';
 import { MSWToolbar } from '../.';
 import { Button, ChakraProvider, HStack } from '@chakra-ui/react';
-import type { SetupWorkerApi } from 'msw';
+import type { SetupWorker } from 'msw/browser';
 import { APP_NAME } from './constants';
 
 const isDev = process.env.NODE_ENV === 'development';
 
-let worker: SetupWorkerApi;
+let worker: SetupWorker;
 
 // An example of deferring app mounting until the worker has been loaded in development only
 const prepareWorker = async () => {

example/mocks/browser.ts

@@ -1,4 +1,5 @@
-import { rest, setupWorker } from 'msw';
+import { setupWorker } from 'msw/browser';
+import {http, HttpResponse} from 'msw';
 import { createUtils } from '../../';
 import { APP_NAME } from '../constants';
 
@@ -7,9 +8,7 @@ const { json } = createUtils(APP_NAME);
 export const getWorker = () => {
   return setupWorker(
     ...[
-      rest.get('http://www.example.com', (_req, res, ctx) => {
-        return json(res, ctx, { okay: 'there' });
-      }),
+      http.get('http://www.example.com', () => HttpResponse.json({ okay: 'there' })),
     ]
   );
 };

example/package.json

@@ -27,7 +27,7 @@
     "@types/react": "^16.9.11",
     "@types/react-dom": "^16.8.4",
     "copyfiles": "^2.4.1",
-    "msw": "^0.35.0",
+    "msw": "^2.0.11",
     "parcel": "^1.12.3",
     "prettier": "^2.4.1",
     "typescript": "^3.4.5"