title: Will any prop apart from the value prop work inside Context.Provider
body: <p>In this snippet below (taken from the <a href="https://testing-library.com/docs/example-react-context" rel="nofollow noreferrer">docs</a>): </p>
  
  <pre><code>import React from 'react'
  import { render, cleanup } from '@testing-library/react'
  import 'jest-dom/extend-expect'
  import { NameContext, NameProvider, NameConsumer } from '../react-context'
  
  afterEach(cleanup)
  
  /**
   * Test default values by rendering a context consumer without a
   * matching provider
   */
  test('NameConsumer shows default value', () =&gt; {
    const { getByText } = render(&lt;NameConsumer /&gt;)
    expect(getByText(/^My Name Is:/)).toHaveTextContent('My Name Is: Unknown')
  })
  
  /**
   * To test a component tree that uses a context consumer but not the provider,
   * wrap the tree with a matching provider
   */
  test('NameConsumer shows value from provider', () =&gt; {
    const tree = (
      &lt;NameContext.Provider value="C3P0"&gt;
        &lt;NameConsumer /&gt;
      &lt;/NameContext.Provider&gt;
    )
    const { getByText } = render(tree)
    expect(getByText(/^My Name Is:/)).toHaveTextContent('My Name Is: C3P0')
  })
  
  /**
   * To test a component that provides a context value, render a matching
   * consumer as the child
   */
  test('NameProvider composes full name from first, last', () =&gt; {
    const tree = (
      &lt;NameProvider first="Boba" last="Fett"&gt;
        &lt;NameContext.Consumer&gt;
          {value =&gt; &lt;span&gt;Received: {value}&lt;/span&gt;}
        &lt;/NameContext.Consumer&gt;
      &lt;/NameProvider&gt;
    )
    const { getByText } = render(tree)
    expect(getByText(/^Received:/).textContent).toBe('Received: Boba Fett')
  })
  
  /**
   * A tree containing both a providers and consumer can be rendered normally
   */
  test('NameProvider/Consumer shows name of character', () =&gt; {
    const tree = (
      &lt;NameProvider first="Leia" last="Organa"&gt;
        &lt;NameConsumer /&gt;
      &lt;/NameProvider&gt;
    )
    const { getByText } = render(tree)
    expect(getByText(/^My Name Is:/).textContent).toBe('My Name Is: Leia Organa')
  })
  </code></pre>
  
  <p>I don't get the part where we are passing <code>first</code> and <code>last</code> as props to <code>NameProvider</code>.</p>
  
  <p><strong>Assuming</strong> the definition of these three is the following:</p>
  
  <pre><code>NameContext = createContext()
  NameProvider = NameContext.Provider
  NameConsumer = NameContext.Consumer
  </code></pre>
  
  <p>Are we allowed to pass props other than the <code>value</code> prop, inside the <code>Provider</code>. </p>
  
  <p>If yes, can you please share an example of how it can be done. I can't seem to find it in the react docs as well.</p>
  
  <p>Thanks in advance !! :D</p>