diff --git a/packages/react-json-tree/README.md b/packages/react-json-tree/README.md
index 6e802e5f..7a55b3e1 100644
--- a/packages/react-json-tree/README.md
+++ b/packages/react-json-tree/README.md
@@ -139,7 +139,7 @@ Their full signatures are:
#### More Options
-- `shouldExpandNode: function(keyPath, data, level)` - determines if node should be expanded (root is expanded by default)
+- `shouldExpandNodeInitially: function(keyPath, data, level)` - determines if node should be expanded when it first renders (root is expanded by default)
- `hideRoot: boolean` - if `true`, the root node is hidden.
- `sortObjectKeys: boolean | function(a, b)` - sorts object keys with compare function (optional). Isn't applied to iterable maps like `Immutable.Map`.
- `postprocessValue: function(value)` - maps `value` to a new `value`
diff --git a/packages/react-json-tree/examples/src/App.tsx b/packages/react-json-tree/examples/src/App.tsx
index 75678a01..82093943 100644
--- a/packages/react-json-tree/examples/src/App.tsx
+++ b/packages/react-json-tree/examples/src/App.tsx
@@ -194,7 +194,11 @@ const App = () => (
Collapsed root node
- false} />
+ false}
+ />
);
diff --git a/packages/redux-devtools-inspector-monitor/src/tabs/JSONDiff.tsx b/packages/redux-devtools-inspector-monitor/src/tabs/JSONDiff.tsx
index fe077a1e..5e983f85 100644
--- a/packages/redux-devtools-inspector-monitor/src/tabs/JSONDiff.tsx
+++ b/packages/redux-devtools-inspector-monitor/src/tabs/JSONDiff.tsx
@@ -104,7 +104,7 @@ export default class JSONDiff extends Component {
valueRenderer={this.valueRenderer}
postprocessValue={prepareDelta}
isCustomNode={Array.isArray}
- shouldExpandNode={expandFirstLevel}
+ shouldExpandNodeInitially={expandFirstLevel}
hideRoot
/>
);
diff --git a/packages/redux-devtools-log-monitor/src/LogMonitorEntry.tsx b/packages/redux-devtools-log-monitor/src/LogMonitorEntry.tsx
index 7fc803a7..0cc53a5c 100644
--- a/packages/redux-devtools-log-monitor/src/LogMonitorEntry.tsx
+++ b/packages/redux-devtools-log-monitor/src/LogMonitorEntry.tsx
@@ -115,7 +115,7 @@ export default class LogMonitorEntry<
data={data}
invertTheme={false}
keyPath={['state']}
- shouldExpandNode={this.shouldExpandNode}
+ shouldExpandNodeInitially={this.shouldExpandNodeInitially}
/>
);
} catch (err) {
@@ -149,7 +149,7 @@ export default class LogMonitorEntry<
}
};
- shouldExpandNode = (
+ shouldExpandNodeInitially = (
keyPath: (string | number)[],
data: any,
level: number
diff --git a/packages/redux-devtools-log-monitor/src/LogMonitorEntryAction.tsx b/packages/redux-devtools-log-monitor/src/LogMonitorEntryAction.tsx
index 9e1754d9..d1756a80 100644
--- a/packages/redux-devtools-log-monitor/src/LogMonitorEntryAction.tsx
+++ b/packages/redux-devtools-log-monitor/src/LogMonitorEntryAction.tsx
@@ -42,7 +42,7 @@ export default class LogMonitorAction<
invertTheme={false}
keyPath={['action']}
data={payload}
- shouldExpandNode={this.shouldExpandNode}
+ shouldExpandNodeInitially={this.shouldExpandNodeInitially}
/>
) : (
''
@@ -51,7 +51,7 @@ export default class LogMonitorAction<
);
}
- shouldExpandNode = (
+ shouldExpandNodeInitially = (
keyPath: (string | number)[],
data: any,
level: number
diff --git a/packages/redux-devtools-rtk-query-monitor/src/components/QueryPreviewActions.tsx b/packages/redux-devtools-rtk-query-monitor/src/components/QueryPreviewActions.tsx
index 083d0896..fc1546cc 100644
--- a/packages/redux-devtools-rtk-query-monitor/src/components/QueryPreviewActions.tsx
+++ b/packages/redux-devtools-rtk-query-monitor/src/components/QueryPreviewActions.tsx
@@ -58,7 +58,7 @@ export class QueryPreviewActions extends PureComponent
return false;
};
- shouldExpandNode = (
+ shouldExpandNodeInitially = (
keyPath: (string | number)[],
value: unknown,
layer: number
@@ -85,7 +85,7 @@ export class QueryPreviewActions extends PureComponent
rootProps={rootProps}
data={this.selectFormattedActions(actionsOfQuery)}
isWideLayout={isWideLayout}
- shouldExpandNode={this.shouldExpandNode}
+ shouldExpandNodeInitially={this.shouldExpandNodeInitially}
/>
);
}
diff --git a/packages/redux-devtools-rtk-query-monitor/src/components/QueryPreviewApi.tsx b/packages/redux-devtools-rtk-query-monitor/src/components/QueryPreviewApi.tsx
index e5858369..f301c0e2 100644
--- a/packages/redux-devtools-rtk-query-monitor/src/components/QueryPreviewApi.tsx
+++ b/packages/redux-devtools-rtk-query-monitor/src/components/QueryPreviewApi.tsx
@@ -45,7 +45,7 @@ export class QueryPreviewApi extends PureComponent {
State}
data={apiState}
- shouldExpandNode={this.shouldExpandApiStateNode}
+ shouldExpandNodeInitially={this.shouldExpandApiStateNode}
isWideLayout={isWideLayout}
/>
{apiStats && (
diff --git a/packages/redux-devtools-rtk-query-monitor/src/components/QueryPreviewData.tsx b/packages/redux-devtools-rtk-query-monitor/src/components/QueryPreviewData.tsx
index cab37563..6ca37006 100644
--- a/packages/redux-devtools-rtk-query-monitor/src/components/QueryPreviewData.tsx
+++ b/packages/redux-devtools-rtk-query-monitor/src/components/QueryPreviewData.tsx
@@ -15,7 +15,7 @@ const rootProps: TreeViewProps['rootProps'] = {
};
export class QueryPreviewData extends PureComponent {
- shouldExpandNode = (
+ shouldExpandNodeInitially = (
keyPath: (string | number)[],
value: unknown,
layer: number
@@ -31,7 +31,7 @@ export class QueryPreviewData extends PureComponent {
rootProps={rootProps}
data={data}
isWideLayout={isWideLayout}
- shouldExpandNode={this.shouldExpandNode}
+ shouldExpandNodeInitially={this.shouldExpandNodeInitially}
/>
);
}
diff --git a/packages/redux-devtools-rtk-query-monitor/src/components/QueryPreviewInfo.tsx b/packages/redux-devtools-rtk-query-monitor/src/components/QueryPreviewInfo.tsx
index cbd15a7b..8b0fa723 100644
--- a/packages/redux-devtools-rtk-query-monitor/src/components/QueryPreviewInfo.tsx
+++ b/packages/redux-devtools-rtk-query-monitor/src/components/QueryPreviewInfo.tsx
@@ -35,7 +35,7 @@ export interface QueryPreviewInfoProps {
isWideLayout: boolean;
}
export class QueryPreviewInfo extends PureComponent {
- shouldExpandNode = (
+ shouldExpandNodeInitially = (
keyPath: (string | number)[],
value: unknown,
layer: number
@@ -107,7 +107,7 @@ export class QueryPreviewInfo extends PureComponent {
rootProps={rootProps}
data={formattedQuery}
isWideLayout={isWideLayout}
- shouldExpandNode={this.shouldExpandNode}
+ shouldExpandNodeInitially={this.shouldExpandNodeInitially}
/>
);
}
diff --git a/packages/redux-devtools-rtk-query-monitor/src/components/TreeView.tsx b/packages/redux-devtools-rtk-query-monitor/src/components/TreeView.tsx
index 091f18f2..61d44e57 100644
--- a/packages/redux-devtools-rtk-query-monitor/src/components/TreeView.tsx
+++ b/packages/redux-devtools-rtk-query-monitor/src/components/TreeView.tsx
@@ -14,7 +14,7 @@ export interface TreeViewProps
extends Partial<
Pick<
ComponentProps,
- 'keyPath' | 'shouldExpandNode' | 'hideRoot'
+ 'keyPath' | 'shouldExpandNodeInitially' | 'hideRoot'
>
> {
data: unknown;
@@ -30,7 +30,7 @@ export interface TreeViewProps
export class TreeView extends React.PureComponent {
static defaultProps = {
hideRoot: true,
- shouldExpandNode: (
+ shouldExpandNodeInitially: (
keyPath: (string | number)[],
value: unknown,
layer: number
@@ -81,7 +81,7 @@ export class TreeView extends React.PureComponent {
after,
children,
keyPath,
- shouldExpandNode,
+ shouldExpandNodeInitially,
hideRoot,
rootProps,
} = this.props;
@@ -94,7 +94,7 @@ export class TreeView extends React.PureComponent {
{before}