title: How to pass props to a component which is being passed as value
body: <p>here is my code scenario </p>
  
  <pre><code>const components = {
      body: {
        row: EditableFormRow,
        cell: EditableCell,
      },
    };
  </code></pre>
  
  <p>I am using components in another component like below. </p>
  
  <pre><code>&lt;CustomTable
      columns={updatedcolumns}
      dataSource={dataSource}
      components={components}
      rowClassName={() =&gt; 'editable-row'}
      bordered
      size="middle"
      pagination={false}
      // scroll={{ x: '130%', y: 240 }}
    /&gt;
  </code></pre>
  
  <p>I want to pass a prop to EditableCell which is a component defined in another file. 
  when I do following it gives me error</p>
  
  <pre><code>const components = {
      body: {
        row: EditableFormRow,
        cell: &lt;EditableCell type="text"/&gt;,
      },
    };
  </code></pre>
  
  <p>I am not sure how do I pass props. Please help.</p>