Modified the type file

Author: Wildhoney

emotion.d.ts

@@ -2,7 +2,7 @@ declare module 'react-shadow/emotion' {
     import * as React from 'react';
 
     type Root = {
-        [name: string]: React.ComponentType;
+        [name: string]: React.ComponentType<React.HTMLProps<HTMLElement>>;
     };
 
     const ReactShadowRoot: Root;

example/components/Widget/styles.css

@@ -98,7 +98,8 @@ select {
     -webkit-appearance: none;
     appearance: none;
     padding: 5px 10px;
-    background: white url('/public/images/arrow.svg') no-repeat right 10px center;
+    background: white url('/public/images/arrow.svg') no-repeat right 10px
+        center;
     background-size: 10px;
     border: 1px solid rgba(0, 0, 0, 0.25);
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

index.d.ts

@@ -2,43 +2,7 @@ declare module 'react-shadow' {
     import * as React from 'react';
 
     type Root = {
-        [name: string]: React.ComponentType;
-    };
-
-    const ReactShadowRoot: Root;
-
-    export default ReactShadowRoot;
-}
-
-declare module 'react-shadow/styled-components' {
-    import * as React from 'react';
-
-    type Root = {
-        [name: string]: React.ComponentType;
-    };
-
-    const ReactShadowRoot: Root;
-
-    export default ReactShadowRoot;
-}
-
-declare module 'react-shadow/emotion' {
-    import * as React from 'react';
-
-    type Root = {
-        [name: string]: React.ComponentType;
-    };
-
-    const ReactShadowRoot: Root;
-
-    export default ReactShadowRoot;
-}
-
-declare module 'react-shadow/material-ui' {
-    import * as React from 'react';
-
-    type Root = {
-        [name: string]: React.ComponentType;
+        [name: string]: React.ComponentType<React.HTMLProps<HTMLElement>>;
     };
 
     const ReactShadowRoot: Root;

package.json

@@ -21,7 +21,7 @@
         "spec": "ava --verbose",
         "lint": "eslint '**/**.js'",
         "coverage": "nyc ava && nyc report --reporter=text-lcov | coveralls",
-        "format": "NODE_ENV=production prettier --write '**/**.{js,html,mjs,css}'",
+        "format": "NODE_ENV=production prettier --write '**/**.{js,html,mjs,css,ts}'",
         "start": "next ./example -p ${PORT:-3000}",
         "deploy": "now",
         "prepublishOnly": "mv dist/* ./",

styled-components.d.ts

@@ -2,7 +2,7 @@ declare module 'react-shadow/styled-components' {
     import * as React from 'react';
 
     type Root = {
-        [name: string]: React.ComponentType;
+        [name: string]: React.ComponentType<React.HTMLProps<HTMLElement>>;
     };
 
     const ReactShadowRoot: Root;