Slow development with Fast Refresh (10+ seconds)

What version of Next.js are you using?

10.2.0

What version of Node.js are you using?

16.0.0

What browser are you using?

Chrome

What operating system are you using?

Windows, tested it in both WSL 2 (Linux filesystem) and not with Windows directory filesystem

How are you deploying your application?

Have not deployed it yet, but will with Vercel

Describe the Bug

During the last months, even if I use the future: { weback5: true } option in the next.config.js file, I get very slow development time (~ 45+ seconds). I use TypeScript, and have enabled the typescript: { transpileOnly: true } option too in the configuration file. Is there anyway SCSS and SCSS Modules to overload the compilation process.

I added the ProgressPlugin and saw that most of the time used was for building the files, modules, and dependencies. Is there any way to minimize (or cache) and improve this process? Also, I noticed that Fast Refresh will update and recompile all the files of the SubComponents (e.g. <Input.Password />) that I use, meaning that it will re-compile all the files in the folder tree structure?

Although, I have enabled WSL, have switched back to WSL 1 because it seemed more performant. I do not run yarn dev in the WSL - Linux Ubuntu environment, but as regularly from the Windows CMD.

I tried running it on WSL 2, but it still takes up to 5+ seconds to refresh, even after the update where they state that the reload time will range from 100ms to 200ms!

• Generally in dev mode, it takes a lot of time to build a page, and navigate. In production, this does not happen at all.
• When I add components from my /components folder seems to make this delay, but I am not entirely sure why and how to fix it, rather than deleting all the component files.
• It may be a custom package that I have created, but have not optimized and correctly packed for download via NPM and production use

Any ideas or suggestions to decrease the development time are welcome!

Really what do you do at Vercel, where you state that the development process is really fast?!?

Expected Behavior

I expected that Fast Refresh would re-compile / reload the code in about 1 second at least, without having to wait 10+ seconds.

To Reproduce

The repository the code lives in is private, but if it is needed I can make it public so that someone can explore the structure of the whole project and help me out.