Isn't the first picture already misleading?
As far as I know, the order of hook calls is important to link them to the correct components: the important point of the linked list is not the ordering of built-in hooks depending ob name.
Although it's true that useEffect runs code after render. The picture places useReducer after useEffect, which would not even make sense in this interpretation?
Could be that I'm misremembering details, but I find it more interesting to read, for example, a good description, when a PR is large, dense, or hard to understand.
In the case of hooks, this blog post was good:
https://overreacted.io/why-do-hooks-rely-on-call-order/
I'm not sure whether the explanation in the picture is useful to anyone who doesn't already know the information.
Same issue with most AI-generated doc-blocks I've seem, often misleading, or explaining the obvious, instead of the "why".