fix: update examples to run with latest js-ipfs (#232)

Updates all examples to the latest deps

Author: achingbrain

package.json

@@ -36,19 +36,20 @@
     "@testing-library/jest-dom": "^5.14.1",
     "@testing-library/react": "^12.1.2",
     "@testing-library/user-event": "^13.5.0",
-    "dot-prop": "^6.0.1",
-    "ipfs-core": "^0.12.2",
+    "dot-prop": "^7.1.1",
+    "ipfs-core": "^0.14.0",
     "ipfs-css": "^1.3.0",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
-    "react-scripts": "4.0.3",
+    "react-scripts": "5.0.0",
     "tachyons": "^4.12.0",
     "web-vitals": "^2.1.2"
   },
   "devDependencies": {
     "@playwright/test": "^1.12.3",
     "playwright": "^1.12.3",
     "rimraf": "^3.0.2",
-    "test-util-ipfs-example": "^1.0.2"
+    "test-util-ipfs-example": "^1.0.2",
+    "util": "^0.12.4"
   }
 }

src/hooks/use-ipfs.js

@@ -1,5 +1,5 @@
 import { useState, useEffect } from 'react'
-import dotProp from 'dot-prop'
+import { getProperty } from 'dot-prop'
 // dot-prop: used to obtain a property of an object when the name of property is a string
 // here we get ipfs.id when calling dotProp.get(ipfs, cmd), with cmd = 'id'
 // and we get ipfs.hash when calling with cmd = 'hash' etc.
@@ -22,7 +22,7 @@ export default function useIpfs (ipfs, cmd, opts) {
 async function callIpfs (ipfs, cmd, setRes, ...opts) {
   if (!ipfs) return null
   console.log(`Call ipfs.${cmd}`)
-  const ipfsCmd = dotProp.get(ipfs, cmd)
+  const ipfsCmd = getProperty(ipfs, cmd)
   const res = await ipfsCmd(...opts)
   console.log(`Result ipfs.${cmd}`, res)
   setRes(res)