Interface Naming Convention (Interface Name clashes with Component Name)

Question

I have an interface called Widget which is used throughout my project. However, it is also used as props for a component called Widget.

What is the best way to handle this? Should I change the name of my Widget interface? I've seen other people talk about NOT using IWidget, but no one talks about what to do instead. Thanks!

Answer 1

The convention is to use the Props suffix.

Example

For Widget it would be WidgetProps.