Changes

packages/redux-devtools-inspector-monitor/src/ActionPreviewHeader.tsx

@@ -13,8 +13,9 @@ interface Props<S, A extends Action<unknown>> {
   onSelectTab: (tabName: string) => void;
 }
 
-const ActionPreviewHeader: FunctionComponent<Props<unknown, Action<unknown>>> =
-  ({ styling, inspectedPath, onInspectPath, tabName, onSelectTab, tabs }) => (
+const ActionPreviewHeader: FunctionComponent<
+  Props<unknown, Action<unknown>>
+> = ({ styling, inspectedPath, onInspectPath, tabName, onSelectTab, tabs }) => (
   <div key="previewHeader" {...styling('previewHeader')}>
     <div {...styling('tabSelector')}>
       {tabs.map((tab) => (

packages/redux-devtools-inspector-monitor/src/tabs/DiffTab.tsx

@@ -4,8 +4,9 @@ import JSONDiff from './JSONDiff';
 import { TabComponentProps } from '../ActionPreview';
 import { Action } from 'redux';
 
-const DiffTab: FunctionComponent<TabComponentProps<unknown, Action<unknown>>> =
-  ({
+const DiffTab: FunctionComponent<
+  TabComponentProps<unknown, Action<unknown>>
+> = ({
   delta,
   styling,
   base16Theme,

packages/redux-devtools-rtk-query-monitor/src/selectors.ts

@@ -200,8 +200,10 @@ export function createInspectorSelectors<S>(): InspectorSelectors<S> {
     }
   );
 
-  const selectApiOfCurrentQuery: InspectorSelector<S, null | RtkQueryApiState> =
-    (selectorsSource: SelectorsSource<S>) => {
+  const selectApiOfCurrentQuery: InspectorSelector<
+    S,
+    null | RtkQueryApiState
+  > = (selectorsSource: SelectorsSource<S>) => {
     const apiStates = selectApiStates(selectorsSource);
     const currentQueryInfo = selectCurrentQueryInfo(selectorsSource);
 

packages/redux-devtools-ui/src/Container/index.tsx

@@ -11,8 +11,9 @@ interface ContainerFromThemeDataProps {
   className?: string;
 }
 
-const ContainerFromThemeData: React.FunctionComponent<ContainerFromThemeDataProps> =
-  ({ themeData, className, children }) => {
+const ContainerFromThemeData: React.FunctionComponent<
+  ContainerFromThemeDataProps
+> = ({ themeData, className, children }) => {
   const theme = useTheme(themeData);
   return (
     <ThemeProvider theme={theme}>

packages/redux-devtools-ui/src/Editor/Editor.stories.tsx

@@ -53,4 +53,4 @@ WithTabs.argTypes = {
   foldGutter: { control: { disable: true } },
   autofocus: { control: { disable: true } },
   onChange: { control: { disable: true } },
-};
+} as any;

packages/redux-devtools-ui/src/SegmentedControl/SegmentedControl.stories.tsx

@@ -17,7 +17,7 @@ export default {
   component: SegmentedControl,
 };
 
-const Template: Story<Omit<SegmentedControlProps, 'values'>> = (args) => (
+const Template: Story<SegmentedControlProps> = ({ values, ...args }) => (
   <Container>
     <SegmentedControl values={['Button1', 'Button2', 'Button3']} {...args} />
   </Container>

yarn.lock

@@ -7723,18 +7723,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/react@npm:*, @types/react@npm:>=16.14.8, @types/react@npm:>=16.9.11":
-  version: 17.0.36
-  resolution: "@types/react@npm:17.0.36"
-  dependencies:
-    "@types/prop-types": "*"
-    "@types/scheduler": "*"
-    csstype: ^3.0.2
-  checksum: feeaa484d5d7e354ba6830b06342dec6fd1a2ac87f73d21d3d4f2a3d311459de4090330a1e8af7275c8d1e7737b655a7550c8dd3dbc74ccf34ffd3fc824bbd12
-  languageName: node
-  linkType: hard
-
-"@types/react@npm:^17.0.37":
+"@types/react@npm:*, @types/react@npm:>=16.14.8, @types/react@npm:>=16.9.11, @types/react@npm:^17.0.37":
   version: 17.0.37
   resolution: "@types/react@npm:17.0.37"
   dependencies: