iTwin Web Viewer - endless compile loop

[Johannes-repos]

Hello,
I am getting an endless compile loop when starting the app in local host.
Started from npx create-react-app@latest my-app --scripts-version @bentley/react-scripts --template @itwin/web-viewer

and added
npm i @itwin/grouping-mapping-widget
npm i @itwin/reports-config-widget-react

the app runs fine but in VS code the compile starts over and over again.

CompileLoop.mp4

Anything I need to add?

Thanks

[aruniverse]

Set the env var USING_NPM to true in your .env file

[Johannes-repos]

tried that but it didn't help. The app is working.

[aruniverse]

My apologies, the right env var name is IS_USING_NPM. please set that to true in your .env

Sorry, it actually is USING_NPM. PR where we introduced this change: imodeljs/create-react-app#99

[Johannes-lab]

Hi again,
looks like the latest version @itwin/grouping-mapping-widget 0.16.1 fixed the compile loop.

Thanks for looking into this.

[Paolo-lab]

Hi I solved your same problem using the react-script version "4.0.7" , what version do you have ?

[Johannes-lab]

I am using 5.0.4

[Paolo-lab]

I m using 4.0.7

try to downgrade to 4.0.7

[Johannes-lab]

Hi,
tried a downgrade but it gave me a new error:
Error: error:0308010C:digital envelope routines::unsupported

using this: https://stackoverflow.com/questions/69692842/error-message-error0308010cdigital-envelope-routinesunsupported#:~:text=In%20your%20package.json%3A%20change%20this%20line

sorted it.

On top of that I needed to add/update https://www.npmjs.com/package/@babel/plugin-proposal-private-property-in-object
Not entirely sure what that does but the app now runs without errors or the compile loop.

To test things further, I proceeded to upgrade back to 5.0.4 but that actually brought back the compile loop.

Sticking with 4.0.7

Thanks