chore: 🤖 update dependencies

Author: streamich

.storybook/addons.js

@@ -1,6 +0,0 @@
-import '@storybook/addon-options/register';
-import '@storybook/addon-actions/register';
-import '@storybook/addon-knobs/register';
-import '@storybook/addon-notes/register';
-import '@storybook/addon-viewport/register';
-import '@storybook/addon-backgrounds/register';

.storybook/config.js

@@ -1,16 +1,4 @@
 import {configure} from '@storybook/react';
-import {setOptions} from '@storybook/addon-options';
-
-setOptions({
-  sortStoriesByKind: false,
-  showStoriesPanel: true,
-  showAddonPanel: true,
-  showSearchBox: false,
-  addonPanelInRight: true,
-  hierarchySeparator: /\//,
-  hierarchyRootSeparator: /\|/,
-  sidebarAnimations: false,
-});
 
 const req = require.context('../src/', true, /.*\.(stories|story)\.(js|jsx|ts|tsx)?$/);
 

package.json

@@ -18,6 +18,7 @@
     "start": "yarn storybook",
     "prettier": "prettier --ignore-path .gitignore --write 'src/**/*.{ts,tsx,js,jsx}'",
     "prettier:diff": "prettier -l 'src/**/*.{ts,tsx,js,jsx}'",
+    "lint": "yarn tslint",
     "tslint": "tslint 'src/**/*.{js,jsx,ts,tsx}' -t verbose",
     "test": "echo 'Testing is not configured...'",
     "release": "semantic-release",
@@ -41,14 +42,7 @@
     "@semantic-release/changelog": "5.0.1",
     "@semantic-release/git": "9.0.0",
     "@semantic-release/npm": "7.1.1",
-    "@storybook/addon-actions": "6.4.9",
-    "@storybook/addon-backgrounds": "6.4.9",
-    "@storybook/addon-knobs": "6.4.0",
-    "@storybook/addon-links": "6.4.9",
-    "@storybook/addon-notes": "5.3.21",
-    "@storybook/addon-options": "5.3.21",
-    "@storybook/addon-viewport": "6.4.9",
-    "@storybook/react": "6.4.9",
+    "@storybook/react": "6.4.21",
     "@types/react": "17.0.37",
     "@types/react-dom": "17.0.11",
     "babel-loader": "8.2.3",
@@ -63,10 +57,9 @@
     "semantic-release": "17.4.2",
     "storybook-readme": "5.0.9",
     "ts-loader": "8.3.0",
-    "ts-node": "9.1.1",
-    "tslint": "5.20.1",
+    "tslint": "6.1.3",
     "tslint-config-common": "1.6.0",
-    "typescript": "4.3.5",
+    "typescript": "4.6.3",
     "url-loader": "4.1.1"
   },
   "release": {

src/ReactEmbed.tsx

@@ -152,7 +152,7 @@ export class ReactEmbed extends React.PureComponent<ReactEmbedProps, ReactEmbedS
       // NOTE: This should never happen (hopefully).
       // tslint:disable-next-line no-console
       console.error('Could not route block:', error);
-      return props.renderVoid!(props, state, error);
+      return props.renderVoid!(props, state, error as Error);
     }
 
     if (!result || !result[0]) return props.renderVoid!(props, state);

src/blocks/instagram/index.tsx

@@ -3,8 +3,10 @@ import {BlockProps} from '../..';
 import InstagramEmbed from 'react-instagram-embed';
 
 const Instagram: React.FC<BlockProps> = ({url, renderWrap}) => {
+  const C = InstagramEmbed as any;
+  
   return renderWrap(
-    <InstagramEmbed
+    <C
       url={url}
       maxWidth={320}
       hideCaption={false}

src/blocks/react-player/index.tsx

@@ -7,7 +7,9 @@ const style = {
 };
 
 const ReactPlayerWrapper: React.FC<BlockProps> = ({url, renderWrap}) => {
-  return renderWrap(<ReactPlayer url={url} style={style} controls={true} volume={1} />);
+  const C = ReactPlayer as any;
+
+  return renderWrap(<C url={url} style={style} controls={true} volume={1} />);
 };
 
 export default ReactPlayerWrapper;

src/blocks/vimeo/index.tsx

@@ -3,7 +3,9 @@ import {BlockProps} from '../..';
 import ReactPlayer from 'react-player';
 
 const Vimeo: React.FC<BlockProps> = ({url, renderWrap}) => {
-  return renderWrap(<ReactPlayer url={url} />);
+  const C = ReactPlayer as any;
+
+  return renderWrap(<C url={url} />);
 };
 
 export default Vimeo;