Attempted import error: 'makeObservable' is not exported from 'mobx'

import React from 'react'
import { observer } from 'mobx-react'; //Cause of Error

export default observer(App); //At the bottom of the code

the only line causing an error is import { observer } from 'mobx-react'; and gives my the following error

./node_modules/mobx-react-lite/es/utils/assertEnvironment.js
Attempted import error: 'makeObservable' is not exported from 'mobx'.