enable esModuleInterop in TS

dai-shi · dai-shi · commit 76c1c413dc28 · 2019-11-09T00:13:29.000+09:00
diff --git a/.eslintrc.json b/.eslintrc.json
@@ -30,7 +30,6 @@
     "no-param-reassign": "off",
     "arrow-body-style": "off",
     "no-plusplus": "off",
-    "import/no-duplicates": "off",
     "arrow-parens": ["error", "as-needed", { "requireForBlockBody": true }],
     "prefer-object-spread": "off",
     "default-case": "off"
diff --git a/examples/02_typescript/src/App.tsx b/examples/02_typescript/src/App.tsx
@@ -1,5 +1,4 @@
-import * as React from 'react';
-import { StrictMode } from 'react';
+import React, { StrictMode } from 'react';
 import { createStore } from 'redux';
 
 import { Provider } from 'reactive-react-redux';
diff --git a/examples/02_typescript/src/Counter.tsx b/examples/02_typescript/src/Counter.tsx
@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 
 import { useDispatch, useTrackedState } from 'reactive-react-redux';
 
diff --git a/examples/02_typescript/src/Person.tsx b/examples/02_typescript/src/Person.tsx
@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 
 import { useDispatch, useTrackedState } from 'reactive-react-redux';
 
diff --git a/examples/02_typescript/src/index.ts b/examples/02_typescript/src/index.ts
@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import {
   // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
   // @ts-ignore
diff --git a/examples/03_deep/src/App.tsx b/examples/03_deep/src/App.tsx
@@ -1,5 +1,4 @@
-import * as React from 'react';
-import { StrictMode } from 'react';
+import React, { StrictMode } from 'react';
 import { createStore } from 'redux';
 
 import { Provider } from 'reactive-react-redux';
diff --git a/examples/03_deep/src/Counter.tsx b/examples/03_deep/src/Counter.tsx
@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 
 import { useDispatch, useTrackedState } from 'reactive-react-redux';
 
diff --git a/examples/03_deep/src/Person.tsx b/examples/03_deep/src/Person.tsx
@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 
 import { useDispatch, useTrackedState } from 'reactive-react-redux';
 
diff --git a/examples/03_deep/src/index.ts b/examples/03_deep/src/index.ts
@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import {
   // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
   // @ts-ignore
diff --git a/examples/04_immer/src/App.tsx b/examples/04_immer/src/App.tsx
@@ -1,5 +1,4 @@
-import * as React from 'react';
-import { StrictMode } from 'react';
+import React, { StrictMode } from 'react';
 import { createStore } from 'redux';
 
 import { Provider } from 'reactive-react-redux';
diff --git a/examples/04_immer/src/Counter.tsx b/examples/04_immer/src/Counter.tsx
@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 
 import { useDispatch, useTrackedState } from 'reactive-react-redux';
 
diff --git a/examples/04_immer/src/Person.tsx b/examples/04_immer/src/Person.tsx
@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 
 import { useDispatch, useTrackedState } from 'reactive-react-redux';
 
diff --git a/examples/04_immer/src/index.ts b/examples/04_immer/src/index.ts
@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import {
   // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
   // @ts-ignore
diff --git a/examples/05_localstate/src/App.tsx b/examples/05_localstate/src/App.tsx
@@ -1,5 +1,4 @@
-import * as React from 'react';
-import { StrictMode } from 'react';
+import React, { StrictMode } from 'react';
 import { createStore } from 'redux';
 
 import { Provider } from 'reactive-react-redux';
diff --git a/examples/05_localstate/src/Counter.tsx b/examples/05_localstate/src/Counter.tsx
@@ -1,5 +1,4 @@
-import * as React from 'react';
-import { useState } from 'react';
+import React, { useState } from 'react';
 
 import { useDispatch, useTrackedState } from 'reactive-react-redux';
 
diff --git a/examples/05_localstate/src/index.ts b/examples/05_localstate/src/index.ts
@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import {
   // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
   // @ts-ignore
diff --git a/examples/06_memoization/src/App.tsx b/examples/06_memoization/src/App.tsx
@@ -1,5 +1,4 @@
-import * as React from 'react';
-import { StrictMode } from 'react';
+import React, { StrictMode } from 'react';
 import { createStore } from 'redux';
 
 import { Provider } from 'reactive-react-redux';
diff --git a/examples/06_memoization/src/Counter.tsx b/examples/06_memoization/src/Counter.tsx
@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 
 import { useDispatch, useTrackedState } from 'reactive-react-redux';
 
diff --git a/examples/06_memoization/src/Person.tsx b/examples/06_memoization/src/Person.tsx
@@ -1,5 +1,4 @@
-import * as React from 'react';
-import { useMemo } from 'react';
+import React, { useMemo } from 'react';
 
 import { useDispatch, useTrackedState } from 'reactive-react-redux';
 
diff --git a/examples/06_memoization/src/index.ts b/examples/06_memoization/src/index.ts
@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import {
   // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
   // @ts-ignore
diff --git a/examples/07_multistore/src/App.tsx b/examples/07_multistore/src/App.tsx
@@ -1,5 +1,4 @@
-import * as React from 'react';
-import { useState, StrictMode } from 'react';
+import React, { useState, StrictMode } from 'react';
 import { createStore } from 'redux';
 
 import { Provider } from 'reactive-react-redux';
diff --git a/examples/07_multistore/src/Counter.tsx b/examples/07_multistore/src/Counter.tsx
@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 
 import { useDispatch, useTrackedState } from 'reactive-react-redux';
 
diff --git a/examples/07_multistore/src/Person.tsx b/examples/07_multistore/src/Person.tsx
@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 
 import { useDispatch, useTrackedState } from 'reactive-react-redux';
 
diff --git a/examples/07_multistore/src/index.ts b/examples/07_multistore/src/index.ts
@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import {
   // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
   // @ts-ignore
diff --git a/examples/08_dynamic/src/App.tsx b/examples/08_dynamic/src/App.tsx
@@ -1,5 +1,4 @@
-import * as React from 'react';
-import { StrictMode } from 'react';
+import React, { StrictMode } from 'react';
 import { createStore } from 'redux';
 
 import { Provider } from 'reactive-react-redux';
diff --git a/examples/08_dynamic/src/Counter.tsx b/examples/08_dynamic/src/Counter.tsx
@@ -1,5 +1,4 @@
-import * as React from 'react';
-import { useState } from 'react';
+import React, { useState } from 'react';
 
 import { useDispatch, useTrackedState } from 'reactive-react-redux';
 
diff --git a/examples/08_dynamic/src/Person.tsx b/examples/08_dynamic/src/Person.tsx
@@ -1,5 +1,4 @@
-import * as React from 'react';
-import { useState } from 'react';
+import React, { useState } from 'react';
 
 import { useDispatch, useTrackedState } from 'reactive-react-redux';
 
diff --git a/examples/08_dynamic/src/index.ts b/examples/08_dynamic/src/index.ts
@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import {
   // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
   // @ts-ignore
diff --git a/examples/09_thunk/src/App.tsx b/examples/09_thunk/src/App.tsx
@@ -1,5 +1,4 @@
-import * as React from 'react';
-import { StrictMode } from 'react';
+import React, { StrictMode } from 'react';
 import { createStore, applyMiddleware } from 'redux';
 import reduxThunk from 'redux-thunk';
 
diff --git a/examples/09_thunk/src/Counter.tsx b/examples/09_thunk/src/Counter.tsx
@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 
 import { useDispatch, useTrackedState } from 'reactive-react-redux';
 
diff --git a/examples/09_thunk/src/Person.tsx b/examples/09_thunk/src/Person.tsx
@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { Dispatch } from 'redux';
 import { ThunkDispatch } from 'redux-thunk';
 
diff --git a/examples/09_thunk/src/index.ts b/examples/09_thunk/src/index.ts
@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import {
   // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
   // @ts-ignore
diff --git a/examples/11_todolist/src/components/AddTodo.tsx b/examples/11_todolist/src/components/AddTodo.tsx
@@ -1,5 +1,4 @@
-import * as React from 'react';
-import { useState } from 'react';
+import React, { useState } from 'react';
 
 import { useAddTodo } from '../actions';
 
diff --git a/examples/11_todolist/src/components/App.tsx b/examples/11_todolist/src/components/App.tsx
@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 
 import Footer from './Footer';
 import AddTodo from './AddTodo';
diff --git a/examples/11_todolist/src/components/FilterLink.tsx b/examples/11_todolist/src/components/FilterLink.tsx
@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { useTrackedState } from 'reactive-react-redux';
 
 import { useSetVisibilityFilter } from '../actions';
diff --git a/examples/11_todolist/src/components/Footer.tsx b/examples/11_todolist/src/components/Footer.tsx
@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 
 import FilterLink from './FilterLink';
 
diff --git a/examples/11_todolist/src/components/Todo.tsx b/examples/11_todolist/src/components/Todo.tsx
@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 
 type Props = {
   onClick: (e: React.MouseEvent) => void;
diff --git a/examples/11_todolist/src/components/VisibleTodoList.tsx b/examples/11_todolist/src/components/VisibleTodoList.tsx
@@ -1,6 +1,6 @@
 /* eslint-disable react/jsx-props-no-spreading */
 
-import * as React from 'react';
+import React from 'react';
 import { useTrackedState } from 'reactive-react-redux';
 
 import { TodoType, State, VisibilityFilterType } from '../types';
diff --git a/examples/11_todolist/src/index.tsx b/examples/11_todolist/src/index.tsx
@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { render } from 'react-dom';
 import { Provider } from 'reactive-react-redux';
 import { createStore } from 'redux';
diff --git a/examples/12_async/src/components/App.tsx b/examples/12_async/src/components/App.tsx
@@ -1,5 +1,4 @@
-import * as React from 'react';
-import { useCallback, useEffect } from 'react';
+import React, { useCallback, useEffect } from 'react';
 import { useSelector } from 'reactive-react-redux';
 
 import { State, SelectedSubreddit } from '../store/actions';
diff --git a/examples/12_async/src/components/Picker.tsx b/examples/12_async/src/components/Picker.tsx
@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 
 const Picker: React.FC<{
   value: string;
diff --git a/examples/12_async/src/components/Posts.tsx b/examples/12_async/src/components/Posts.tsx
@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 
 const Posts: React.FC<{
   posts: {
diff --git a/examples/12_async/src/index.tsx b/examples/12_async/src/index.tsx
@@ -1,5 +1,4 @@
-import * as React from 'react';
-import { createContext, useContext } from 'react';
+import React, { createContext, useContext } from 'react';
 import {
   // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
   // @ts-ignore
diff --git a/src/index.d.ts b/src/index.d.ts
@@ -1,12 +1,12 @@
-import * as React from 'react';
+import { Context, ComponentType } from 'react';
 import {
   Action,
   AnyAction,
   Dispatch,
   Store,
 } from 'redux';
 
-type CustomContext = React.Context<unknown>;
+type CustomContext = Context<unknown>;
 
 export type createCustomContext = () => CustomContext;
 
@@ -16,7 +16,7 @@ export type ProviderProps<S, A extends Action> = {
 };
 
 export type ProviderType<S = unknown, A extends Action = AnyAction>
-  = React.ComponentType<ProviderProps<S, A>>;
+  = ComponentType<ProviderProps<S, A>>;
 
 export const Provider: ProviderType;
 
diff --git a/tsconfig.json b/tsconfig.json
@@ -2,6 +2,7 @@
   "compilerOptions": {
     "strict": true,
     "target": "es5",
+    "esModuleInterop": true,
     "module": "es2015",
     "moduleResolution": "node",
     "jsx": "react",

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import * as React from 'react';`
	`1`	`+import React from 'react';`
`2`	`2`
`3`	`3`	`import { useDispatch, useTrackedState } from 'reactive-react-redux';`
`4`	`4`