Make sure React component names can be seen in React DevTools

[rikukissa]

Product value

Adding this helps core developers find the UI component they see on the screen from the codebase. This translates to better development experience especially to new team members and increases delivery speed.

Description

Currently many of our styled components are only shown as styled.* which makes it difficult for new developers to understand where to find the components they are looking at

This could be configured as part of Craco
https://styled-components.com/docs/tooling

Notice that this tool strengthens the dependency to Webpack, which might not be what we want in the future.

[euanmillar]

@rikukissa should we close since we are going with Vite?

[rikukissa]

I think we also need a Vite plugin to get this to work :/

[rikukissa]

Pushing to high priority as this would help new developers a lot.