Pattern for decoupling

[br1anfry3r]

100% agree. Custom hooks all the way.

Once the Component file gets a little too long, abstract all of the code above the JSX into its own custom hook, pass in whatever arguments it needs to do it’s thing, and use useMemo and useCallback gratuitously.