use tsc for types because that works ig

Author: goto-bus-stop

.eslintrc.js

@@ -28,5 +28,12 @@ module.exports = {
         project: './tsconfig.json',
       },
     },
+    {
+      files: ['example/**/*.ts', 'example/**/*.tsx'],
+      extends: ['airbnb-typescript'],
+      parserOptions: {
+        project: './example/tsconfig.json',
+      },
+    },
   ],
 };

example/tsconfig.json

@@ -0,0 +1,10 @@
+{
+  "compilerOptions": {
+    "lib": ["dom", "es2020"],
+    "jsx": "react-jsx",
+    "noEmit": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true
+  },
+  "include": ["*.tsx", "*.ts"]
+}

package.json

@@ -62,7 +62,7 @@
     "url": "git+https://github.com/u-wave/react-youtube.git"
   },
   "scripts": {
-    "build": "tsup src/index.tsx --format esm,cjs --experimental-dts",
+    "build": "tsup src/index.tsx --format esm,cjs && tsc --declaration --emitDeclarationOnly -p .",
     "docs": "prop-types-table src/index.js | md-insert README.md --header Props -i",
     "example": "npm run --prefix example start",
     "browserslist": "npx browserslist --mobile-to-desktop '> 0.5%, last 2 versions, Firefox ESR, not dead, not IE 11' > .browserslistrc",

tsconfig.json

@@ -1,10 +1,10 @@
 {
   "compilerOptions": {
     "lib": ["dom", "es2020"],
-    "noEmit": true,
     "jsx": "react-jsx",
+    "outDir": "dist",
     "esModuleInterop": true,
     "skipLibCheck": true
   },
-  "include": ["src/*.tsx", "src/*.ts", "example/*.tsx"]
+  "include": ["src/*.tsx", "src/*.ts"]
 }