Use non-minified packages in dev mode

[mshustov]

Packages under https://github.com/elastic/kibana/tree/master/packages folder are built and minified during bootstrap step.
When a developer runs Kibana in dev mode, the minified version of such a package will be used. It worsens DX since code is barely readable:

Uncaught Error: Minified React error #130; visit https://reactjs.org/docs/error-decoder.html?invariant=130&args[]=undefined&args[]= for the full message or use the non-minified dev environment for full errors and additional helpful warnings.
    at Dl (kbn-ui-shared-deps.js:390)
    at kbn-ui-shared-deps.js:390
    at Us (kbn-ui-shared-deps.js:390)
    at wa (kbn-ui-shared-deps.js:390)
    at ml (kbn-ui-shared-deps.js:390)
    at fl (kbn-ui-shared-deps.js:390)
    at ol (kbn-ui-shared-deps.js:390)
    at kbn-ui-shared-deps.js:390
    at t.unstable_runWithPriority (kbn-ui-shared-deps.js:398)
    at $r (kbn-ui-shared-deps.js:390)

Also, some warnings for developers are trimmed and won't be emitted to the logs.

The developer should be able to run dev mode using the dev version of a package with un-minified code.

[elasticmachine]

Pinging @elastic/kibana-operations (Team:Operations)

[tonyaw]

@mshustov and @mistic ,
I'm using Kibana v8.5.0 to develop a plugin, I can still see the Minified error with "yarn start".
Could you please help to explain why, and how to disable the Minified?

Error: Minified React error #130; visit https://reactjs.org/docs/error-decoder.html?invariant=130&args[]=undefined&args[]= for the full message or use the non-minified dev environment for full errors and additional helpful warnings.
React 11
unstable_runWithPriority scheduler.production.min.js:18
React 5
getSavedVisInstance use_saved_vis_instance.ts:117
useSavedVisInstance use_saved_vis_instance.ts:143

[spalger]

@tonyaw the error claims that this is caused by minification, but that's not actually the case. If you set the mode in the webpack config here to development then run yarn kbn bootstrap to rebuild the ui-shared-deps again it should give you a better error message.

[tonyaw]

@spalger It prints detail info. Thanks! :-)
Could you please help to provide how do you know to change https://github.com/elastic/kibana/blob/main/packages/kbn-ui-shared-deps-npm/webpack.config.js#L32?
The code I'm changing is under "src/plugins" directory. I also tried to put my plugin under "plugins" directory. The result is same.

[spalger]

You won't be able to make this change permanently for now, but it should the default soon. For now, please just update the value when you need it and/or keep a temporary change locally.

[tonyaw]

Thanks for your support!