TypeError: Cannot read properties of null (reading 'getState') in React v.19.0.0

[av-k]

During running app on React.js v.19.0.0 in development mode and using React.StrictMode I get the next error:

TypeError: Cannot read properties of null (reading 'getState')

it happens during unmounting and mounting a component that uses:

import {Table, Column} from 'fixed-data-table-2';

Expected Behavior

There are no errors.

Current Behavior

There is an syntax error.

Possible Solution

The broken place is here:

fixed-data-table-2/src/FixedDataTableContainer.js

Line 108 in 23614b4

...this.reduxStore.getState(),

The cause of this issue is here:

fixed-data-table-2/src/FixedDataTableContainer.js

Line 91 in 23614b4

this.reduxStore = null;

Steps to Reproduce

1. Run app with React v.19.0.0 in development mode with wrapper:

<React.StrictMode>
{...}
</React.StrictMode>

2. Use any custom component which uses Table element from 'fixed-data-table-2'.

Your Environment

• Version used: 2.0.17
• Browser Name and version: Chrome Version 131.0.6778.85 (Official Build) (64-bit)
• Operating System and version (desktop or mobile): Fedora 6.11.9-100.fc39.x86_64

[pradeepnschrodinger]

Thanks for reporting the issue.
This looks very similar to the NPE we saw in #657 in the past.

I'll put up a PR soon.

[pradeepnschrodinger]

Fixed with v2.0.19 via #740.

@av-k , I'm marking the issue as completed but feel free to comment if you face issues.

[zuyetawarmatik]

The issue happens on our project, using latest v2.0.19, React 18.3

In render(), it accesses getApi() while componentWillUnmount() has already run, causing this.reduxStore to be null, and crash the page due to null reference.

Maybe can it be fixed in a way that's more defensive when accessing reduxStore?

...this.reduxStore?.getState(),

[pradeepnschrodinger]

@zuyetawarmatik, thanks for reporting. That's weird, I'll reopen this issue and take another look.
Are you using strict mode in your project?

[zuyetawarmatik]

@pradeepnschrodinger We use React 18.3 without wrapping in StrictMode. It's also weird to me that render() is still called even componentWillUnmount() has already been called to cleanup, but it has happened.

"fixed-data-table-2": "^2.0.19",
"react": "^18.3.1",
"react-dom": "^18.3.1",

[pradeepnschrodinger]

@zuyetawarmatik , unfortunately I'm not able to reproduce this 😔.

In render(), it accesses getApi() while componentWillUnmount() has already run

You mentioned not using StrictMode, but the table still seems to be unmounted.
Is the app unmounting the table component at some point? When exactly is the TypeError being raised?

Any chance you can share a link to the project code? Or maybe get a small sandbox running so I can take a look at how FDT is used?
You can use this simple template as an example.

[pradeepnschrodinger]

Locked the conversation for now because there were a large amount of bots spamming comments here.