How do you create HOC using render props?

Higher-Order Components (HOCs) are a powerful pattern in React that allow developers to reuse code between components. HOCs can also be implemented using render props, which involves returning a new component from the higher-order component that renders the children using a function prop. This pattern is known as "render prop HOCs" and is a flexible and powerful way to share code between components.