From 93a13be07271f270b3a1879a591f568a174d4049 Mon Sep 17 00:00:00 2001 From: Nathan Bierema Date: Wed, 26 Aug 2020 09:09:01 -0400 Subject: [PATCH] Fix --- .../src/DockMonitor.tsx | 33 ++++++++++++------- 1 file changed, 21 insertions(+), 12 deletions(-) diff --git a/packages/redux-devtools-dock-monitor/src/DockMonitor.tsx b/packages/redux-devtools-dock-monitor/src/DockMonitor.tsx index 69d1ce2f..0849c70f 100644 --- a/packages/redux-devtools-dock-monitor/src/DockMonitor.tsx +++ b/packages/redux-devtools-dock-monitor/src/DockMonitor.tsx @@ -1,10 +1,4 @@ -import React, { - cloneElement, - Children, - Component, - ReactNode, - ReactElement, -} from 'react'; +import React, { cloneElement, Children, Component } from 'react'; import PropTypes from 'prop-types'; import Dock from 'react-dock'; import { Action, Dispatch } from 'redux'; @@ -42,8 +36,8 @@ export interface DockMonitorProps> dispatch: Dispatch; children: - | Monitor> - | Monitor>[]; + | Monitor, unknown, Action> + | Monitor, unknown, Action>[]; } export default class DockMonitor< @@ -163,7 +157,7 @@ export default class DockMonitor< }; renderChild( - child: ReactElement, + child: Monitor, unknown, Action>, index: number, otherProps: Omit< DockMonitorProps, @@ -196,8 +190,23 @@ export default class DockMonitor< onSizeChange={this.handleSizeChange} dimMode="none" > - {Children.map(children, (child, index) => - this.renderChild(child, index, rest) + {Children.map( + children as + | Monitor< + S, + A, + LiftedState, + unknown, + Action + > + | Monitor< + S, + A, + LiftedState, + unknown, + Action + >[], + (child, index) => this.renderChild(child, index, rest) )} );