How to properly style react components?

Question

React

There is a react application divided into components. The task sounds like this: Connect style files in .tsx files only in those that are required.
How to do it right?

Answer 1

Keep the css file in the folder with the component. Import it into the component and write it as in the usual html.
Another option is to use module css. Not so convenient anymore, but there is a local scope.
The third option is styled components. There are small limitations, but in general, as I understand it, this option is used by many.