Flex spark List itemrenderer with states causes Dashboards 4.0 error

Hi All,

I have been developing an add-on for Dashboards 4.0/4.1 which is a based on a Spark List class and it works fine in Dashboards 4.0/4.1 as a plain list.

However, I would like to add a custom itemrenderer to it so that I can apply a custom renderer to the list's elements to make it a bit more fancy.

I wish to add states to the itemrenderer as well

Here's the contents of my custom ItemRenderer:

<s:ItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009"
    xmlns:s="library://ns.adobe.com/flex/spark"
    xmlns:mx="library://ns.adobe.com/flex/mx"
    autoDrawBackground="false">

<s:states>
  <s:State name="normal"/>
  <s:State name="hovered"/>
  <s:State name="selected"/>
</s:states>
 
<s:Rect left="0" right="0" top="0" bottom="0" alpha="1.0">
  <s:fill>
   <s:SolidColor color.hovered="0xFF0000"
        color.normal="0xFFFFFF"
        color.selected="0x0000FF"/>
  </s:fill>
</s:Rect>

<s:Label id="labelDisplay" left="3" right="3" top="6" bottom="4" verticalCenter="0"
    color.hovered="0xFF0000"
    color.normal="0x000000"
    color.selected="0xFFFFFF"
    fontSize.normal="12"
    fontSize.hovered="13"
    fontSize.selected="13"/> 
</s:ItemRenderer  >