 Now that we've created a context, we need to consume it in our app. Nested inside of this name context object is a component called consumer. We can use it in JSX using the property access syntax. We'll use opening and closing tags and take a second to look at this error. It says render is not a function. A context consumer component takes a function as its children. The value that it receives is the value that's put on context. In our case, this default guest. And from this children function, we'd like to return a component using that value. Here we can use an h1 and interpolate value out. Now because value is just a local identity, we can name it whatever we want and get the same result. Let's change this to supply a little greeting. So we created a context, give it the name name context. And then through that context, we use the consumer component. The consumer component takes a function as children. So we interpolate that out with these curly braces, take name as an argument. We're just assigning it to a local variable. And then we return a react element with that value used. And that's the context consumer.