fix: add [email protected] peerDep

Author: amilajack

package-lock.json

@@ -2,14 +2,6 @@
   "name": "react-wavesurfer.js",
   "version": "0.0.5",
   "description": "React bindings for wavesurfer.js",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/amilajack/react-wavesurfer.js.git"
-  },
-  "bugs": {
-    "url": "https://github.com/amilajack/react-wavesurfer.js/issues"
-  },
-  "homepage": "https://github.com/amilajack/react-wavesurfer.js",
   "keywords": [
     "react",
     "wavesurfer",
@@ -22,6 +14,14 @@
     "zoom",
     "timeline"
   ],
+  "homepage": "https://github.com/amilajack/react-wavesurfer.js",
+  "bugs": {
+    "url": "https://github.com/amilajack/react-wavesurfer.js/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/amilajack/react-wavesurfer.js.git"
+  },
   "license": "MIT",
   "author": "Amila Welihinda <[email protected]>",
   "main": "./dist/index.js",
@@ -31,15 +31,15 @@
   ],
   "scripts": {
     "build": "rm -rf dist && tsc && npm run build-storybook && rm -rf storybook-static",
+    "build-storybook": "build-storybook",
+    "deploy-storybook": "storybook-to-ghpages",
     "docs": "rm -rf docs && typedoc ./src --out",
     "lint": "eslint . --ignore-pattern dist --fix",
-    "start": "npm run storybook",
-    "test": "npm run build && jest && tsc",
+    "prepare": "husky install",
     "release": "standard-version",
+    "start": "npm run storybook",
     "storybook": "start-storybook -p 6006",
-    "build-storybook": "build-storybook",
-    "deploy-storybook": "storybook-to-ghpages",
-    "prepare": "husky install"
+    "test": "npm run build && jest && tsc"
   },
   "commitlint": {
     "extends": [
@@ -72,59 +72,59 @@
       "import/prefer-default-export": "off"
     }
   },
+  "release": {
+    "branches": [
+      "main"
+    ]
+  },
   "jest": {
     "preset": "ts-jest",
     "testEnvironment": "jsdom"
   },
   "devDependencies": {
-    "@commitlint/cli": "^13.2.1",
-    "@commitlint/config-conventional": "^13.2.0",
-    "@storybook/addon-actions": "^6.3.7",
-    "@storybook/addon-essentials": "^6.3.7",
-    "@storybook/addon-links": "^6.3.7",
-    "@storybook/react": "^6.3.7",
-    "@storybook/storybook-deployer": "^2.8.11",
-    "@testing-library/jest-dom": "^5.16.3",
-    "@testing-library/react": "^12.1.3",
-    "@types/jest": "^27.0.2",
-    "@types/react": "^17.0.38",
-    "@types/react-addons-test-utils": "^0.14.26",
-    "@types/react-dom": "^17.0.11",
-    "@types/wavesurfer.js": "^5.2.2",
-    "@typescript-eslint/eslint-plugin": "^4.33.0",
-    "canvas": "^2.9.0",
-    "eslint": "7.32.0",
-    "eslint-config-airbnb": "18.2.1",
-    "eslint-config-bliss-typescript": "^5.0.0",
-    "eslint-plugin-import": "^2.24.2",
-    "eslint-plugin-jsx-a11y": "^6.4.1",
-    "eslint-plugin-react": "^7.24.0",
-    "eslint-plugin-react-hooks": "4.2.0",
-    "gh-pages": "^3.2.3",
-    "husky": "^7.0.4",
-    "jest": "^27.1.0",
-    "prettier": "^2.3.2",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
-    "standard-version": "^9.3.2",
-    "ts-jest": "^27.0.5",
-    "typedoc": "^0.21.9",
-    "typescript": "^4.4.3",
-    "wavesurfer.js": "^5.2.0"
+    "@commitlint/cli": "^17.1.2",
+    "@commitlint/config-conventional": "^17.1.0",
+    "@storybook/addon-actions": "^6.5.10",
+    "@storybook/addon-essentials": "^6.5.10",
+    "@storybook/addon-links": "^6.5.10",
+    "@storybook/react": "^6.5.10",
+    "@storybook/storybook-deployer": "^2.8.12",
+    "@testing-library/jest-dom": "^5.16.5",
+    "@testing-library/react": "^13.3.0",
+    "@types/jest": "^29.0.0",
+    "@types/react": "^18.0.18",
+    "@types/react-dom": "^18.0.6",
+    "@types/wavesurfer.js": "^6.0.3",
+    "@typescript-eslint/eslint-plugin": "^5.36.1",
+    "canvas": "^2.9.3",
+    "eslint": "8.23.0",
+    "eslint-config-airbnb": "19.0.4",
+    "eslint-config-bliss-typescript": "^6.0.1",
+    "eslint-plugin-import": "^2.26.0",
+    "eslint-plugin-jsx-a11y": "^6.6.1",
+    "eslint-plugin-react": "^7.31.4",
+    "eslint-plugin-react-hooks": "4.6.0",
+    "gh-pages": "^4.0.0",
+    "husky": "^8.0.1",
+    "jest": "^28.1.3",
+    "jest-environment-jsdom": "^29.0.2",
+    "prettier": "^2.7.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "standard-version": "^9.5.0",
+    "ts-jest": "^28.0.8",
+    "typedoc": "^0.23.14",
+    "typescript": "^4.8.2",
+    "wavesurfer.js": "^6.2.0"
   },
   "peerDependencies": {
     "react": ">=17.0.2",
     "react-dom": ">=17.0.2",
-    "wavesurfer.js": "^5.2.0"
+    "wavesurfer.js": "5.x.x || 6.x.x"
   },
   "renovate": {
     "extends": [
       "bliss"
     ]
-  },
-  "release": {
-    "branches": [
-      "main"
-    ]
   }
 }

package.json

@@ -1,4 +1,8 @@
-import React, { Component, ReactElement } from "react";
+import React, {
+  Component,
+  ReactElement,
+  ReactNode,
+} from "react";
 import WaveSurfer from "wavesurfer.js";
 import { WaveSurferParams } from "wavesurfer.js/types/params";
 import { ListenerDescriptor } from "wavesurfer.js/types/util";
@@ -102,6 +106,7 @@ export interface Props extends Omit<WaveSurferParams, "container"> {
   // pxPerSec Number of horizontal pixels per second of
   // audio, if none is set the waveform returns to unzoomed state
   onZoom?: (pxPerSec: number) => void;
+  children?: ReactNode;
 }
 
 type State = {