https://blog.battlefy.com/how-to-escape-react-hooks-hell-a66c0d142c9e avoid inner component

avoid inner component.js

// BAD
export default ({ count }) => {
  const Label = () => {
    return <code>{count}</code>;
  };
  
  return <Label />;
};


// GOOD
const Label = ({ count }) => {
  return <code>{count}</code>;
};

export default ({ count }) => {
  return <Label count={count} />;
};