reduxjs/redux-devtools
1
1
Fork 0
mirror of https://github.com/reduxjs/redux-devtools.git synced 2025-03-03 18:58:01 +03:00
Code Issues Packages Projects Releases Wiki Activity

Fix compatibility of createDevTools with React 19 types (#1837)

Browse Source 
* Fix compatibility of createDevTools with React 19 types

* Create fluffy-keys-doubt.md
This commit is contained in:
Nathan Bierema 2025-03-01 15:09:01 -05:00 committed by GitHub
parent ff60266836
commit 91f21b2ffc
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 27 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
.changeset/fluffy-keys-doubt.md Normal file
View File

@ -0,0 +1,5 @@
---
'@redux-devtools/core': patch
---
Fix compatibility of createDevTools with React 19 types

24
packages/redux-devtools/src/createDevTools.tsx
View File

@ -6,8 +6,9 @@ import {
LiftedState, LiftedState,
LiftedStore, LiftedStore,
Options, Options,
InstrumentExt,
} from '@redux-devtools/instrument'; } from '@redux-devtools/instrument';
import { Action } from 'redux'; import { Action, StoreEnhancer } from 'redux';
function logError(type: string) { function logError(type: string) {
if (type === 'NoStore') { if (type === 'NoStore') {
@ -46,13 +47,32 @@ export type Monitor<
} }
>; >;
export interface DevToolsInstance<S, A extends Action<string>, MonitorState>
extends Component<Props<S, A, MonitorState>> {
liftedStore?: LiftedStore<S, A, MonitorState>;
}
export interface DevToolsClass<
S,
A extends Action<string>,
MonitorState,
MonitorAction extends Action<string>,
> {
new (props: Props<S, A, MonitorState>): DevToolsInstance<S, A, MonitorState>;
instrument: (
options?: Options<S, A, MonitorState, MonitorAction>,
) => StoreEnhancer<InstrumentExt<any, any, MonitorState>>;
}
export default function createDevTools< export default function createDevTools<
S, S,
A extends Action<string>, A extends Action<string>,
MonitorProps extends LiftedState<S, A, MonitorState>, MonitorProps extends LiftedState<S, A, MonitorState>,
MonitorState, MonitorState,
MonitorAction extends Action<string>, MonitorAction extends Action<string>,
>(children: Monitor<S, A, MonitorProps, MonitorState, MonitorAction>) { >(
children: Monitor<S, A, MonitorProps, MonitorState, MonitorAction>,
): DevToolsClass<S, A, MonitorState, MonitorAction> {
const monitorElement = Children.only(children); const monitorElement = Children.only(children);
const monitorProps = monitorElement.props; const monitorProps = monitorElement.props;
const Monitor = monitorElement.type; const Monitor = monitorElement.type;