Why am I not able to destructure “user” in my component that I have created in context? Am I missing Something?

Question

I also want to know if I can destructure children the way I did or do I have to pass props then say "props.children"

import React, { createContext,