Cannot import saved store state using devtools package

[MikeDabrowski]

Which @ngrx/* package(s) are the source of the bug?

store-devtools

Minimal reproduction of the bug/regression with instructions

Using chrome redux dev tools, export the state to .json and import it again.

Minimal reproduction of the bug/regression with instructions

Versions of NgRx, Angular, Node, affected browser(s) and operating system(s)

+-- @ngrx/effects@14.3.2
+-- @ngrx/entity@14.3.2
+-- @ngrx/router-store@14.3.2
+-- @ngrx/schematics@14.3.2
+-- @ngrx/store-devtools@14.3.2
+-- @ngrx/store@14.3.2

Other information

I think the problem is in the following line:

platform/modules/store-devtools/src/reducer.ts

Lines 408 to 420 in 24c086f

	// Completely replace everything.
	({
	monitorState,
	actionsById,
	nextActionId,
	stagedActionIds,
	skippedActionIds,
	committedState,
	currentStateIndex,
	computedStates,
	isLocked,
	isPaused,
	} = liftedAction.nextLiftedState);

The nextLiftedState has the store structure and therefore does not contain all those 'meta' properties. This results in the error Cannot read properties of undefined (reading 'length')

I would be willing to submit a PR to fix this issue

• Yes
• No

[timdeschryver]

I'm closing this because it has no reproduction.
Feel free to reopen/create a new issue with a reproduction.

[MikeDabrowski]

Happens everywhere I could check, so I didn't bother with specific repro.

it has no reproduction

So here you go: https://stackblitz.com/edit/angular-urqqk2?file=src/main.ts

Latest angular and ngrx. You will need to:

1. have chrome redux dev tools installed
2. go to the page above
3. open dev tools and select proper store instance
4. save the state to file
5. load saved state from file
6. see console with the same error

@timdeschryver
So kindly please, reopen

[timdeschryver]

Thanks @MikeDabrowski

[timdeschryver]

This should work if you set the value of the import feature to 'import'.

[MikeDabrowski]

[timdeschryver]

My bad, I meant 'custom' @MikeDabrowski