Get state value without using useSelector

Is there any way of getting the state value without using useSelector with using it in React Component

import { superAdmin, zoneManager } from './navigations'
import { useSelector } from 'react-redux'

const access = useSelector(state => state.access)
return access

The Error I get is:

Invalid hook call. Hooks can only be called inside of the body of a function component.

Which I get it but is there any other way of getting the store value without the use of useSelector

Thank You


To make the store accessible anywhere (for whatever reason), you first need to export the store from the file where you are making it:

// fileThatMakesStore.js
export const store = configureStore();

Then, back in your file, you can simply import the store and getState().

import { store } from 'fileThatMakesStore.js';

const someValue = store.getState().something;
const someValue = store.getState().someReducer.something; // If you have multiple reducers

Good to know: The store is just a simple JS object with three functions: subscribe(), dispatch(), getState().