If you try to pass props in Next.js like you have in React, at some point you will receive a message about non-serializable props. This short explains what they are and why the issue exists.
Also, here's a link to my Server Actions video: https://youtu.be/BmUsDuLO598