fix: defaultprops type error

100mslive · Sep 6, 2022 · 2e0813e · 2e0813e
1 parent 7f63ddb
commit 2e0813e
Show file tree

Hide file tree

Showing 5 changed files with 73 additions and 39 deletions.
diff --git a/.eslintrc b/.eslintrc
@@ -1,8 +1,15 @@
 /* eslint-disable no-console, no-param-reassign */
 /* eslint-disable-next-line no-console*/
 {
-    "plugins": ["prettier", "@typescript-eslint"],
-    "extends": ["airbnb-typescript", "react-app", "prettier"],
+    "plugins": [
+        "prettier",
+        "@typescript-eslint"
+    ],
+    "extends": [
+        "airbnb-typescript",
+        "react-app",
+        "prettier"
+    ],
     "parser": "@typescript-eslint/parser",
     "parserOptions": {
         "project": "./tsconfig.json"
@@ -18,13 +25,24 @@
         "jsx-a11y/anchor-is-valid": [
             "error",
             {
-                "components": ["Link"],
-                "specialLink": ["hrefLeft", "hrefRight"],
-                "aspects": ["invalidHref", "preferButton"]
+                "components": [
+                    "Link"
+                ],
+                "specialLink": [
+                    "hrefLeft",
+                    "hrefRight"
+                ],
+                "aspects": [
+                    "invalidHref",
+                    "preferButton"
+                ]
             }
         ],
         "no-param-reassign": 0,
-        "object-curly-spacing": ["warn", "always"],
+        "object-curly-spacing": [
+            "warn",
+            "always"
+        ],
         "no-unused-vars": [
             "warn",
             {
@@ -52,13 +70,13 @@
                 "allowForLoopAfterthoughts": true
             }
         ],
-
         "react/jsx-key": "error",
         "import/no-extraneous-dependencies": "off",
         "react/jsx-props-no-spreading": "off",
         "import/prefer-default-export": "off",
         "react/jsx-boolean-value": "off",
         "react/prop-types": "off",
+        "react/require-default-props": "warn",
         "react/no-unescaped-entities": "off",
         "react/jsx-one-expression-per-line": "off",
         "react/jsx-wrap-multilines": "off",
@@ -74,4 +92,4 @@
             }
         ]
     }
-}
+}
diff --git a/components/Card.tsx b/components/Card.tsx
@@ -3,10 +3,10 @@ import { Box, CSS, Flex, Text, useTheme } from '@100mslive/react-ui';
 import React from 'react';
 
 interface Props {
-    body: any;
+    body: React.FC | string;
     css?: CSS;
-    endComponent?: any;
-    titleComponent?: any;
+    endComponent?: React.ReactNode;
+    titleComponent?: React.ReactNode;
 }
 
 const Card: React.FC<Props> = ({ body, endComponent, titleComponent, css }) => (

diff --git a/components/SdkItem.tsx b/components/SdkItem.tsx
@@ -93,6 +93,23 @@ interface Props {
     css?: CSS;
 }
 
+// type Props = React.ComponentProps<{
+//     logo?: React.SVGProps<SVGElement>;
+//     sdk?: any;
+//     text?: string;
+//     cssheading?: CSS;
+//     css?: CSS;
+// }>;
+
+// type Props = React.ComponentProps<
+//     typeof Flex & {
+//         logo?: React.SVGProps<SVGElement>;
+//         sdk?: any;
+//         text?: string;
+//         cssheading?: CSS;
+//     }
+// >;
+
 const SdkItem: React.FC<Props> = ({ logo, text, sdk, css, cssHeading }) => (
     <Flex
         css={merge(

diff --git a/package.json b/package.json
@@ -22,8 +22,7 @@
         "react ui"
     ],
     "scripts": {
-        "dev": "next -p 4000",
-        "live-dev": "next dev -p 4000",
+        "dev": "next dev -p 4000",
         "build": "next build",
         "start": "next start",
         "lint": "eslint  \"{components,lib}/**/*.{js,ts,tsx}\"",
@@ -81,8 +80,8 @@
         "typescript": "^4.1.3"
     },
     "dependencies": {
-        "@100mslive/react-icons": "0.3.1-alpha.10",
-        "@100mslive/react-ui": "0.3.1-alpha.10",
+        "@100mslive/react-icons": "0.3.1-alpha.11",
+        "@100mslive/react-ui": "0.3.1-alpha.11",
         "@headlessui/react": "^1.4.0",
         "@sindresorhus/slugify": "^1.1.0",
         "inter-ui": "^3.18.1",

diff --git a/yarn.lock b/yarn.lock
@@ -2,50 +2,50 @@
 # yarn lockfile v1
 
 
-"@100mslive/[email protected].10":
-  version "0.5.1-alpha.10"
-  resolved "https://registry.yarnpkg.com/@100mslive/hms-video-store/-/hms-video-store-0.5.1-alpha.10.tgz#60ce11d3da131ad5f6fae7de074fd4ab73809cbd"
-  integrity sha512-tojd2dSvZuZNcsrPM0Vu53buJoVIbkG+SMkaNFP2HgTko58V3FntoY+KLeHY7ga8+OIWsZPxyTyMnq36OlAO6w==
+"@100mslive/[email protected].11":
+  version "0.5.1-alpha.11"
+  resolved "https://registry.yarnpkg.com/@100mslive/hms-video-store/-/hms-video-store-0.5.1-alpha.11.tgz#f2791a9f13bdda1ff5ddcb5ad96457db663f0912"
+  integrity sha512-xpv4yGQQaKjgwSEHgtt3HZIaEfSmmntXxY+T7T9+kBgkU81AeodV/75F886QYETNbYL/l0sFlGDtz8FhSWnY0Q==
   dependencies:
-    "@100mslive/hms-video" "0.4.1-alpha.10"
+    "@100mslive/hms-video" "0.4.1-alpha.11"
     eventemitter2 "^6.4.7"
     immer "^9.0.6"
     reselect "4.0.0"
     zustand "3.5.7"
 
-"@100mslive/[email protected].10":
-  version "0.4.1-alpha.10"
-  resolved "https://registry.yarnpkg.com/@100mslive/hms-video/-/hms-video-0.4.1-alpha.10.tgz#e0f24b4befbfe4959bb1852ade085b996c3c9c11"
-  integrity sha512-fTQ95iA/bJFbian5NRaJsyO3orwfoB/8vkpLLbxiSY3MO1G9xfFSTp+kmM2KVwijBF/ThDY8654A9l3KX5okeQ==
+"@100mslive/[email protected].11":
+  version "0.4.1-alpha.11"
+  resolved "https://registry.yarnpkg.com/@100mslive/hms-video/-/hms-video-0.4.1-alpha.11.tgz#5899ff7b7d4e1917d5983d62112f4f3dbc1942fd"
+  integrity sha512-wedAkL3VHaEelKLYlQ8+6NQ5L6xxiRDmNVk/3unsk2ohOC7izPnRT1DFO8ojyDOLla9t6tndGADIqtDdbHYOug==
   dependencies:
     eventemitter2 "^6.4.7"
     sdp-transform "^2.14.1"
     ua-parser-js "^1.0.1"
     uuid "^8.3.2"
     webrtc-adapter "^8.0.0"
 
-"@100mslive/[email protected].10":
-  version "0.3.1-alpha.10"
-  resolved "https://registry.yarnpkg.com/@100mslive/react-icons/-/react-icons-0.3.1-alpha.10.tgz#d4444688ab3f314cfac1507c8e9f1bda860dd12a"
-  integrity sha512-xxV/tMrVrsxRhsoRin8oTBwiLVwPMOoFkckumZ3TDOgMsRYnsnTSTMvfngw/VN43qWxY8v+++VLLPNaSzGxzrg==
+"@100mslive/[email protected].11":
+  version "0.3.1-alpha.11"
+  resolved "https://registry.yarnpkg.com/@100mslive/react-icons/-/react-icons-0.3.1-alpha.11.tgz#9798ee83f0a387c7cc7fc762bf4de88c976b60d5"
+  integrity sha512-2iaV1XQ+dncyrNE6iPGCiFypFIMRNoj3hNcNyKfTSUHnwZXT+/jjYOU7vfK79R1idfcrRlIuRzDDlf3JOK1xvw==
 
-"@100mslive/[email protected].10":
-  version "0.3.1-alpha.10"
-  resolved "https://registry.yarnpkg.com/@100mslive/react-sdk/-/react-sdk-0.3.1-alpha.10.tgz#91095fa159f67b27c31e8c61b2a502324da60b5b"
-  integrity sha512-Qhf0P9bqGhxDJ0nZ8pJXde99e0++O47sBDj7bCGQqxLIgR4G8N9nxtquCEF5FjTVWHvkwJ9S1ZE3okHOWKHtOg==
+"@100mslive/[email protected].11":
+  version "0.3.1-alpha.11"
+  resolved "https://registry.yarnpkg.com/@100mslive/react-sdk/-/react-sdk-0.3.1-alpha.11.tgz#b27db8ba025eac379aeb684e05243840501581a6"
+  integrity sha512-9LKavgxLAdG6BYAO33ARq8q1AtcZsKC25T0sA93vUUxVKKhKpPjJ/SBq7womvZsDI/SM/e+10TwlLi/KHGugLw==
   dependencies:
-    "@100mslive/hms-video-store" "0.5.1-alpha.10"
+    "@100mslive/hms-video-store" "0.5.1-alpha.11"
     react-intersection-observer "^8.33.1"
     react-resize-detector "^7.0.0"
     zustand "^3.6.2"
 
-"@100mslive/[email protected].10":
-  version "0.3.1-alpha.10"
-  resolved "https://registry.yarnpkg.com/@100mslive/react-ui/-/react-ui-0.3.1-alpha.10.tgz#780cb68c657409bc61fb703c299206458654f735"
-  integrity sha512-xdYW5q5IeMJ/snwGhGtjQkCssYhd4el8eIZKayjwWXfngKcAVT3Vb/3f5qgGox6p8Dn9hfucmqcSHKV2M/NKgQ==
+"@100mslive/[email protected].11":
+  version "0.3.1-alpha.11"
+  resolved "https://registry.yarnpkg.com/@100mslive/react-ui/-/react-ui-0.3.1-alpha.11.tgz#bc68e9358c1f5c588c30902d202ab2cf55cfaafe"
+  integrity sha512-1Fbk+1UY82PzeBa2yrTCB9ZT2/ml8jR4j+gR/2n+8V7PV3dAVM2Kgl4PrYZhXMozav5EFPT7iakMVDxvuB0fNA==
   dependencies:
-    "@100mslive/react-icons" "0.3.1-alpha.10"
-    "@100mslive/react-sdk" "0.3.1-alpha.10"
+    "@100mslive/react-icons" "0.3.1-alpha.11"
+    "@100mslive/react-sdk" "0.3.1-alpha.11"
     "@radix-ui/react-accordion" "^0.1.6"
     "@radix-ui/react-checkbox" "^0.1.4"
     "@radix-ui/react-dialog" "^0.1.1"