fix: react import location and functions

jonyw4 · Aug 18, 2020 · a2f0144 · a2f0144
1 parent 95c50df
commit a2f0144
Show file tree

Hide file tree

Showing 6 changed files with 8 additions and 8 deletions.
diff --git a/src/Color/Color.component.test.tsx b/src/Color/Color.component.test.tsx
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { render, act, waitFor } from '@testing-library/react';
 import Color from './Color.component';
 

diff --git a/src/Color/Color.component.tsx b/src/Color/Color.component.tsx
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { ColorFormats, ReducerState, ArrayRGB } from '../types';
 import useColor from './useColor';
 

diff --git a/src/Color/useColor.ts b/src/Color/useColor.ts
@@ -1,5 +1,5 @@
+import * as React from 'react';
 import { useCurrentEffect } from 'use-current-effect';
-import { useReducer } from 'react';
 import {
   getPredominantColorFromImgURL,
   reducer,
@@ -20,7 +20,7 @@ export default function useColor<
 ): S {
   const { crossOrigin = null, quality = 10 } = options;
 
-  const [state, dispatch] = useReducer(reducer, <S>initialReducerState);
+  const [state, dispatch] = React.useReducer(reducer, <S>initialReducerState);
 
   useCurrentEffect(
     (isCurrent) => {

diff --git a/src/Palette/Palette.component.test.tsx b/src/Palette/Palette.component.test.tsx
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { render, waitFor, act } from '@testing-library/react';
 import Palette from './Palette.component';
 

diff --git a/src/Palette/Palette.component.tsx b/src/Palette/Palette.component.tsx
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { ColorFormats, ReducerState, ArrayRGB } from '../types';
 import usePalette from './usePalette';
 

diff --git a/src/Palette/usePalette.ts b/src/Palette/usePalette.ts
@@ -1,5 +1,5 @@
+import * as React from 'react';
 import { useCurrentEffect } from 'use-current-effect';
-import { useReducer } from 'react';
 import {
   getColorsPaletteFromImgUrl,
   reducer,
@@ -21,7 +21,7 @@ export default function usePalette<
 ): S {
   const { crossOrigin = null, quality = 10 } = options;
 
-  const [state, dispatch] = useReducer(reducer, <S>initialReducerState);
+  const [state, dispatch] = React.useReducer(reducer, <S>initialReducerState);
 
   useCurrentEffect(
     (isCurrent) => {