• Hooks allow you to reuse stateful logic without changing your component hierarchy.
• Hooks let you split one component into smaller functions based on what pieces are related (such as setting up a subscription or fetching data),

Rules of Hooks

• Only Call Hooks at the Top Level
• Only Call Hooks from React Functions

Because React relies on the order in which Hooks are called.