What can the use() hook read in React 19, why can it be called conditionally unlike other hooks, and how does it integrate with Suspense for Promises?

Imagine you have a magic box that can read a story from a book or wait for a toy to arrive. Unlike other magic rules that say you must always use them in the same order, this box can be used whenever you want because it doesn't need to remember anything. It can also pause and wait for the toy to come, showing a 'waiting' sign until it's ready.