web3uikit Module not found error even when module is installed

When trying to import web3uikit, the next application throws an error Module not found. I tried uninstalling and installing the package again, but it's not working. My package.json also has the dependency, but the error still exists.

I don't know why this is happening, I even tried restarting the development server, but nothing changed. Can anyone please help me understand why this error is happening and how I can resolve it?

import {ConnectButton} from 'web3uikit'


import React from 'react'


const Sidebar = () => {
    return (
        <div>
            <ConnectButton />
            </div>
    )
}

export default Sidebar

was encountering the same error, turns out i have to install this very specific version "^0.1.159" use : npm i web3uikit@^0.1.159