I have some code I've pulled from another project I had done. I am moving the store here and passing the App as a child component.

Unfortunately I receive this error. I'm not sure why this doesn't work.

could not find react-redux context value; please ensure the component is wrapped in a <Provider>

      29 |
      30 | function App() {
    > 31 |   const { userData } = useSelector(state => state.user)

utils.js

import { Provider } from 'react-redux'
import store from "../redux/store"

const ReduxProvider = ({ children }) => (
    <Provider store={store}>{children}</Provider>
)

export {
    ReduxProvider
}

App.test.js

import { render } from '@testing-library/react';

import { ReduxProvider } from './utils'
import App from '../App';

test('renders', () => {
  render(
    <ReduxProvider>
      <App />
    </ReduxProvider>
  );
});