Identifier for component type in production builds

[kbrueckner]

Duplicates

• I have searched the existing issues

Latest version

• I have tested the latest version

Summary 💡

In production builds of the application

process.env.NODE_ENV === 'production'

all MUI components are anonymous and do not tell the developer which component was rendered.
I am searching for a solution which help to identify the underlying component such as TextField.

Examples 🌈

No response

Motivation 🔦

I am the author of mui-validate a validation library for MUI components.
To validate inputs the MUI components need to be wrapped with higher order components which need to be able to identify the wrapped childs type i.e. TextField.

A solution could have ben to access the childs displayName but this is stripped out in production builds from your side.

[mnajdova]

This is expected behavior, it should be stripped. See https://twitter.com/dan_abramov/status/1255233343039340548?lang=da

[kbrueckner]

It is not about unexpected behaviour, I am rather more asking for an option to identify the component. It does not necessarily have to be the displayName attribute.

[mnajdova]

But is there a real use-case for it? It's hard for me to justify shipping additional bytes in production without a clear reason why.

[kbrueckner]

My use case is described above, when writing HOC I need to know the type of the underlying component.
In general I am with you but we are talking about a few bytes not kilobytes. IMO it is also not good practice to strip away such in my view crucial information.

Nevertheless as I mentioned earlier my request goes back to the need to identify the component. Is there any other way to get that information without having to "send more bytes" or would that be the only solution?