Remove more unused styling

packages/redux-devtools-rtk-query-monitor/src/containers/QueryPreview.tsx

@@ -25,7 +25,6 @@ import {
 } from '../components/QueryPreviewTags';
 import { NoRtkQueryApi } from '../components/NoRtkQueryApi';
 import { InspectorSelectors } from '../selectors';
-import { StylingFunction } from 'react-base16-styling';
 import { mapProps } from './mapProps';
 import {
   QueryPreviewActions,
@@ -59,7 +58,6 @@ export interface QueryPreviewProps<S = unknown> {
   readonly hasNoApis: boolean;
   readonly onTabChange: (tab: QueryPreviewTabs) => void;
   readonly resInfo: RtkResourceInfo | null;
-  readonly styling: StylingFunction;
   readonly isWideLayout: boolean;
   readonly selectorsSource: SelectorsSource<S>;
   readonly selectors: InspectorSelectors<S>;

packages/redux-devtools-rtk-query-monitor/src/containers/RtkQueryInspector.tsx

@@ -5,7 +5,6 @@ import {
   QueryFormValues,
   QueryPreviewTabs,
   RtkQueryMonitorState,
-  StyleUtils,
   SelectorsSource,
   RtkResourceInfo,
 } from '../types';
@@ -27,7 +26,6 @@ type ForwardedMonitorProps<S, A extends Action<string>> = Pick<
 export interface RtkQueryInspectorProps<S, A extends Action<string>>
   extends ForwardedMonitorProps<S, A> {
   dispatch: Dispatch<LiftedAction<S, A, RtkQueryMonitorState>>;
-  styleUtils: StyleUtils;
 }
 
 type RtkQueryInspectorState<S> = {
@@ -111,9 +109,6 @@ class RtkQueryInspector<S, A extends Action<string>> extends PureComponent<
 
   render(): ReactNode {
     const { selectorsSource, isWideLayout } = this.state;
-    const {
-      styleUtils: { styling },
-    } = this.props;
     const allVisibleRtkResourceInfos =
       this.selectors.selectAllVisbileQueries(selectorsSource);
 
@@ -202,7 +197,6 @@ class RtkQueryInspector<S, A extends Action<string>> extends PureComponent<
           resInfo={currentResInfo}
           selectedTab={selectorsSource.monitorState.selectedPreviewTab}
           onTabChange={this.handleTabChange}
-          styling={styling}
           isWideLayout={isWideLayout}
           hasNoApis={hasNoApi}
         />

packages/redux-devtools-rtk-query-monitor/src/containers/RtkQueryMonitor.tsx

@@ -14,11 +14,7 @@ import {
   StyleUtilsContext,
 } from '../styles/createStylingFromTheme';
 import { ThemeProvider } from '@emotion/react';
-import {
-  getBase16Theme,
-  invertBase16Theme,
-  invertTheme,
-} from 'react-base16-styling';
+import { getBase16Theme, invertBase16Theme } from 'react-base16-styling';
 import * as reduxThemes from 'redux-devtools-themes';
 
 interface DefaultProps {
@@ -74,7 +70,6 @@ class RtkQueryMonitor<S, A extends Action<string>> extends Component<
             currentStateIndex={currentStateIndex}
             monitorState={monitorState}
             dispatch={dispatch}
-            styleUtils={this.state.styleUtils}
             actionsById={actionsById}
           />
         </ThemeProvider>