fix: add tslib as dependancy and update typing

jest.config.js

@@ -8,6 +8,7 @@ module.exports = {
   },
   testPathIgnorePatterns: [
     '<rootDir>/node_modules/',
+    '<rootDir>/lib/',
     '<rootDir>/__tests__/.eslintrc.js'
   ],
   testEnvironmentOptions: { resources: 'usable' }

package.json

@@ -19,6 +19,7 @@
     "prop-types": "15.7.2",
     "react": "16.12.0",
     "react-dom": "16.12.0",
+    "tslib": "2.0.1",
     "use-current-effect": "2.1.0"
   },
   "devDependencies": {

src/Color/Color.component.test.tsx

@@ -9,8 +9,7 @@ describe('Color', () => {
   test(
     'should be a children with default format',
     async () => {
-      const children = jest.fn(() => null);
-
+      const children = jest.fn(() => <></>);
       await act(async () => {
         render(<Color src={src} children={children} crossOrigin="Anonymous" />);
       });
@@ -38,8 +37,7 @@ describe('Color', () => {
     'should be a children with rgb array',
     async () => {
       const format = 'rgbArray';
-      const children = jest.fn(() => null);
-
+      const children = jest.fn(() => <></>);
       await act(async () => {
         render(
           <Color
@@ -74,8 +72,7 @@ describe('Color', () => {
     'should be a children with rgb string',
     async () => {
       const format = 'rgbString';
-      const children = jest.fn(() => null);
-
+      const children = jest.fn(() => <></>);
       await act(async () => {
         render(
           <Color
@@ -110,8 +107,7 @@ describe('Color', () => {
     'should be a children with hex',
     async () => {
       const format = 'hex';
-      const children = jest.fn(() => null);
-
+      const children = jest.fn(() => <></>);
       await act(async () => {
         render(
           <Color
@@ -144,8 +140,7 @@ describe('Color', () => {
   test(
     'should try to get color from a inexistent image and return error',
     async () => {
-      const children = jest.fn(() => null);
-
+      const children = jest.fn(() => <></>);
       await act(async () => {
         render(
           <Color src="error.jpg" children={children} crossOrigin="Anonymous" />

src/Color/useColor.ts

@@ -5,10 +5,10 @@ import {
   reducer,
   initialReducerState
 } from '../utils';
-import { ColorFormats, ReducerState } from '../types';
+import { ColorFormats, ReducerState, UnwrapPromise } from '../types';
 
 export type UseColorState = ReducerState<
-  ReturnType<typeof getPredominantColorFromImgURL>
+  UnwrapPromise<ReturnType<typeof getPredominantColorFromImgURL>>
 >;
 
 /**

src/Palette/Palette.component.test.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render, waitFor, act } from '@testing-library/react';
-import Palette from './Pallete.component';
+import Palette from './Palette.component';
 
 describe('Palette', () => {
   const src = 'https://homepages.cae.wisc.edu/~ece533/images/airplane.png';
@@ -9,7 +9,7 @@ describe('Palette', () => {
   test(
     'should be a children with default format',
     async () => {
-      const children = jest.fn(() => null);
+      const children = jest.fn(() => <></>);
 
       await act(async () => {
         render(
@@ -40,7 +40,7 @@ describe('Palette', () => {
     'should be a children with rgb array',
     async () => {
       const format = 'rgbArray';
-      const children = jest.fn(() => null);
+      const children = jest.fn(() => <></>);
 
       await act(async () => {
         render(
@@ -79,7 +79,7 @@ describe('Palette', () => {
     'should be a children with rgb string',
     async () => {
       const format = 'rgbString';
-      const children = jest.fn(() => null);
+      const children = jest.fn(() => <></>);
 
       await act(async () => {
         render(
@@ -115,7 +115,7 @@ describe('Palette', () => {
     'should be a children with hex',
     async () => {
       const format = 'hex';
-      const children = jest.fn(() => null);
+      const children = jest.fn(() => <></>);
 
       await act(async () => {
         render(
@@ -151,7 +151,7 @@ describe('Palette', () => {
     'should be a children with hex with 4 colors',
     async () => {
       const format = 'hex';
-      const children = jest.fn(() => null);
+      const children = jest.fn(() => <></>);
 
       await act(async () => {
         render(
@@ -187,7 +187,7 @@ describe('Palette', () => {
   test(
     'should try to get color from a inexistent image and return error',
     async () => {
-      const children = jest.fn(() => null);
+      const children = jest.fn(() => <></>);
 
       await act(async () => {
         render(

src/Palette/usePalette.ts

@@ -5,10 +5,10 @@ import {
   reducer,
   initialReducerState
 } from '../utils';
-import { ColorFormats, ReducerState } from '../types';
+import { ColorFormats, ReducerState, UnwrapPromise } from '../types';
 
 export type UsePaletteState = ReducerState<
-  ReturnType<typeof getColorsPaletteFromImgUrl>
+  UnwrapPromise<ReturnType<typeof getColorsPaletteFromImgUrl>>
 >;
 
 /**

src/index.ts

@@ -1,7 +1,7 @@
 import Color from './Color/Color.component';
 import useColor from './Color/useColor';
 import getPalette from './utils/getColorsPaletteFromImgUrl';
-import Palette from './Palette/Pallete.component';
+import Palette from './Palette/Palette.component';
 import usePalette from './Palette/usePalette';
 import getColor from './utils/getPredominantColorFromImgURL';
 

src/types/UnwrapPromise.ts

@@ -0,0 +1 @@
+export type UnwrapPromise<T> = T extends PromiseLike<infer U> ? U : T;

src/types/index.ts

@@ -2,3 +2,4 @@ export * from './ColorFormats';
 export * from './ReducerAction';
 export * from './ReducerState';
 export * from './ArrayRGB';
+export * from './UnwrapPromise';

yarn.lock

@@ -7843,6 +7843,11 @@ tslib@^1.8.1:
   resolved "https://registry.yarnpkg.com/tslib/-/tslib-1.13.0.tgz#c881e13cc7015894ed914862d276436fa9a47043"
   integrity sha512-i/6DQjL8Xf3be4K/E6Wgpekn5Qasl1usyw++dAA35Ue5orEn65VIxOA+YvNNl9HV3qv70T7CNwjODHZrLwvd1Q==
 
+tslib@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.0.1.tgz#410eb0d113e5b6356490eec749603725b021b43e"
+  integrity sha512-SgIkNheinmEBgx1IUNirK0TUD4X9yjjBRTqqjggWCU3pUEqIk3/Uwl3yRixYKT6WjQuGiwDv4NomL3wqRCj+CQ==
+
 tsutils@^3.17.1:
   version "3.17.1"
   resolved "https://registry.yarnpkg.com/tsutils/-/tsutils-3.17.1.tgz#ed719917f11ca0dee586272b2ac49e015a2dd759"