Using sdk in react gives me about 36 errors about resolving libraries

Development
1

Hi guys so i am new to the community and to using rocket chat.
I want to build my own chat using rocketchat SDK, I am using rocketchat docker image and the API works just fine for me in postman.
Now I create a react application and I get so many errors for example:

BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default.
This is no longer the case. Verify if you need this module and configure a polyfill for it.

If you want to include a polyfill, you need to:
        - add a fallback 'resolve.fallback: { "timers": require.resolve("timers-browserify") }'
        - install 'timers-browserify'
If you don't want to include a polyfill, you can use an empty module like this:
        resolve.fallback: { "timers": false }

or

BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default.
This is no longer the case. Verify if you need this module and configure a polyfill for it.

If you want to include a polyfill, you need to:
        - add a fallback 'resolve.fallback: { "util": require.resolve("util/") }'
        - install 'util'
If you don't want to include a polyfill, you can use an empty module like this:
        resolve.fallback: { "util": false }

I am using ES6 and react-scripts to run my project.

What have I configured wrong? i only did npm I @rocket.chat/sdk