diff --git a/packages/redux-devtools-inspector-monitor/src/ActionList.tsx b/packages/redux-devtools-inspector-monitor/src/ActionList.tsx index 05485674..03a8700a 100644 --- a/packages/redux-devtools-inspector-monitor/src/ActionList.tsx +++ b/packages/redux-devtools-inspector-monitor/src/ActionList.tsx @@ -18,6 +18,7 @@ import { verticalListSortingStrategy, } from '@dnd-kit/sortable'; import { CSS } from '@dnd-kit/utilities'; +import type { JSX } from '@emotion/react/jsx-runtime'; import ActionListRow from './ActionListRow'; import ActionListHeader from './ActionListHeader'; @@ -80,7 +81,7 @@ export default function ActionList>({ onJumpToState, lastActionId, onReorderAction, -}: Props) { +}: Props): JSX.Element { const nodeRef = useRef(null); const prevLastActionId = useRef(); diff --git a/packages/redux-devtools-inspector-monitor/src/ActionListRow.tsx b/packages/redux-devtools-inspector-monitor/src/ActionListRow.tsx index 3080bc54..3ccde10c 100644 --- a/packages/redux-devtools-inspector-monitor/src/ActionListRow.tsx +++ b/packages/redux-devtools-inspector-monitor/src/ActionListRow.tsx @@ -4,6 +4,7 @@ import type { DebouncedFunc } from 'lodash'; import debounce from 'lodash.debounce'; import { Action } from 'redux'; import type { Interpolation, Theme } from '@emotion/react'; +import type { JSX } from '@emotion/react/jsx-runtime'; import RightSlider from './RightSlider'; import { selectorButtonCss, @@ -52,7 +53,7 @@ export default class ActionListRow< > extends PureComponent, State> { state: State = { hover: false }; - render() { + render(): JSX.Element { const { isSelected, action, diff --git a/packages/redux-devtools-inspector-monitor/src/ActionPreview.tsx b/packages/redux-devtools-inspector-monitor/src/ActionPreview.tsx index c1863d03..f233f0fa 100644 --- a/packages/redux-devtools-inspector-monitor/src/ActionPreview.tsx +++ b/packages/redux-devtools-inspector-monitor/src/ActionPreview.tsx @@ -4,6 +4,7 @@ import { Action } from 'redux'; import type { LabelRenderer } from 'react-json-tree'; import { PerformAction } from '@redux-devtools/core'; import { Delta } from 'jsondiffpatch'; +import type { JSX } from '@emotion/react/jsx-runtime'; import { DEFAULT_STATE, DevtoolsInspectorState } from './redux'; import ActionPreviewHeader from './ActionPreviewHeader'; import DiffTab from './tabs/DiffTab'; @@ -80,7 +81,7 @@ class ActionPreview> extends Component< tabName: DEFAULT_STATE.tabName, }; - render() { + render(): JSX.Element { const { delta, error, diff --git a/packages/redux-devtools-inspector-monitor/src/tabs/JSONDiff.tsx b/packages/redux-devtools-inspector-monitor/src/tabs/JSONDiff.tsx index cff1c58d..aee6acdc 100644 --- a/packages/redux-devtools-inspector-monitor/src/tabs/JSONDiff.tsx +++ b/packages/redux-devtools-inspector-monitor/src/tabs/JSONDiff.tsx @@ -6,6 +6,7 @@ import { Delta } from 'jsondiffpatch'; import { Base16Theme } from 'redux-devtools-themes'; import { css } from '@emotion/react'; import type { Interpolation, Theme } from '@emotion/react'; +import type { JSX } from '@emotion/react/jsx-runtime'; import getItemString from './getItemString'; import getJsonTreeTheme from './getJsonTreeTheme'; @@ -91,7 +92,7 @@ export default class JSONDiff extends Component { this.setState({ data: this.props.delta }); } - render() { + render(): JSX.Element { const { base16Theme, ...props } = this.props; if (!this.state.data) { diff --git a/packages/redux-devtools-inspector-monitor/src/tabs/getItemString.tsx b/packages/redux-devtools-inspector-monitor/src/tabs/getItemString.tsx index 2fb7f33b..55edff0e 100644 --- a/packages/redux-devtools-inspector-monitor/src/tabs/getItemString.tsx +++ b/packages/redux-devtools-inspector-monitor/src/tabs/getItemString.tsx @@ -1,5 +1,6 @@ import React from 'react'; import { isCollection, isIndexed, isKeyed } from 'immutable'; +import type { JSX } from '@emotion/react/jsx-runtime'; import isIterable from '../utils/isIterable'; const IS_IMMUTABLE_KEY = '@@__IS_IMMUTABLE__@@'; @@ -76,7 +77,7 @@ const getItemString = ( dataTypeKey: string | symbol | undefined, isWideLayout: boolean, isDiff?: boolean, -) => ( +): JSX.Element => ( ({ color: theme.ITEM_HINT_COLOR })}> {data[IS_IMMUTABLE_KEY] ? 'Immutable' : ''} {dataTypeKey && data[dataTypeKey] ? `${data[dataTypeKey] as string} ` : ''}