how to pass the data from functional component to context hooks

Question

when i press enter how to pass the data from header.jsx to appcontext.jsx

Header.jsx

export const Header = () => {
    const [name,