fix: updating to latest jacdac-ts (#14)

* updating deps

* updated caniuse

* fix docs build

.github/workflows/build.yml

@@ -13,7 +13,7 @@ jobs:
 
         strategy:
             matrix:
-                node-version: [18.x]
+                node-version: [16.x]
 
         steps:
             - uses: actions/checkout@v3

package.json

@@ -18,7 +18,7 @@
   },
   "license": "MIT",
   "engines": {
-    "node": ">=14.17.0"
+    "node": ">=16"
   },
   "scripts": {
     "prettier": "prettier --write src/**/*.ts",
@@ -27,39 +27,43 @@
     "docs": "node node_modules/typedoc/bin/typedoc",
     "docs:watch": "node node_modules/typedoc/bin/typedoc --watch",
     "docs:server": "cd docs && npx live-server --port=8082",
-    "storybook": "start-storybook -p 6006",
-    "build-storybook": "build-storybook"
+    "storybook": "start-storybook -p 6006"
   },
   "devDependencies": {
-    "@babel/core": "^7.18.0",
+    "@babel/core": "^7.20.12",
     "@semantic-release/exec": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
-    "@storybook/addon-actions": "^6.5.4",
-    "@storybook/addon-essentials": "^6.5.4",
+    "@storybook/addon-actions": "^6.5.16",
+    "@storybook/addon-essentials": "^6.5.16",
     "@storybook/addon-interactions": "^6.5.4",
-    "@storybook/addon-links": "^6.5.4",
-    "@storybook/builder-webpack4": "^6.5.4",
-    "@storybook/manager-webpack4": "^6.5.4",
-    "@storybook/react": "^6.5.4",
-    "@storybook/testing-library": "^0.0.11",
-    "@types/react": "^18.0.9",
+    "@storybook/addon-links": "^6.5.16",
+    "@storybook/builder-webpack4": "^6.5.16",
+    "@storybook/manager-webpack4": "^6.5.16",
+    "@storybook/react": "^6.5.16",
+    "@storybook/testing-library": "^0.0.13",
+    "@types/node": "^18.11.19",
+    "@types/react": "^18.0.27",
     "@types/use-sync-external-store": "^0.0.3",
-    "@typescript-eslint/eslint-plugin": "^5.26.0",
-    "@typescript-eslint/parser": "^5.26.0",
-    "babel-loader": "^8.2.5",
-    "eslint": "^8.16.0",
-    "eslint-plugin-react": "^7.30.0",
-    "microbundle": "^0.15.0",
-    "prettier": "^2.6.2",
-    "react": "^18.1.0",
-    "typedoc": "^0.22.15",
-    "typescript": "^4.6.4"
+    "@types/w3c-web-serial": "^1.0.3",
+    "@types/w3c-web-usb": "^1.0.6",
+    "@types/web-bluetooth": "^0.0.16",
+    "@typescript-eslint/eslint-plugin": "^5.51.0",
+    "@typescript-eslint/parser": "^5.51.0",
+    "babel-loader": "^9.1.2",
+    "eslint": "^8.33.0",
+    "eslint-plugin-react": "^7.32.2",
+    "microbundle": "^0.15.1",
+    "prettier": "^2.8.3",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "typedoc": "^0.23.24",
+    "typescript": "^4.9.5"
   },
   "dependencies": {
     "jacdac-ts": "1",
-    "use-sync-external-store": "^1.1.0"
+    "use-sync-external-store": "^1.2.0"
   },
   "peerDependencies": {
-    "react": "^18.1.0"
+    "react": "^18.2.0"
   }
-}
+}

src/stories/useRoles.stories.tsx

@@ -51,8 +51,8 @@ export default {
     component: StoryContext,
 } as ComponentMeta<typeof StoryContext>
 
-const Template: ComponentStory<typeof StoryContext> = args => (
-    <StoryContext {...args} />
+const Template: ComponentStory<typeof StoryContext> = (args: object) => (
+    <StoryContext {...(args || {})} />
 )
 
 export const ThreeButtons = Template.bind({})