How to build a React component that is both controlled and uncontrolled (with examples)

When building a React component, the conventional wisdom is that it can be either controlled or uncontrolled. What if there is a way to get the best of the two worlds and create a component that supports both modes? Controlled vs uncontrolled compone...