[flexcoders] dataGrid ItemRenderer Error

[jmfillman]

I'm getting the following error:
"Access of underfined property data" 

Code (in a skin):
<mx:DataGrid left="10" top="75" right="10" bottom="10" id="searchGrid" 
dataProvider="{hostComponent.search}" 
doubleClickEnabled="true" doubleClick="{hostComponent.modify()}" >
   <mx:columns>
      <mx:DataGridColumn headerText="Label" dataField="Label"/>
      <mx:DataGridColumn headerText="Date" dataField="Date"/>
      <mx:DataGridColumn headerText="Start" dataField="col3"/>
      <mx:DataGridColumn headerText="Duration" dataField="Duration">
        <mx:itemRenderer>
             <fx:Component>
                <s:HGroup left="0" right="0" verticalCenter="0">
                        <s:Label text="{data.Duration}" />
                </s:HGroup>
             </fx:Component>
        </mx:itemRenderer>
      </mx:DataGridColumn>
   </mx:columns>
</mx:DataGrid>