 
 OptionArea = React.createClass
   getInitialState: ->
-    selectedTimestamp: 0
+    # selectedPacket can be 3 type
+    #   null : Last battle packet
+    #   packet in @props.battlePackets
+    #   packet not in @props.battlePackets (imported)
+    selectedPacket: null
   shouldComponentUpdate: (nextProps, nextState) ->
-    return true if @state.selectedTimestamp != nextState.selectedTimestamp
+    return true if @state.selectedPacket?.poi_timestamp != nextState.selectedPacket?.poi_timestamp
     return false if @props.battlePacketsNonce == nextProps.battlePacketsNonce
     return true
 

            <Col xs={6}>
            {
              options = []
              selectedIndex = -1
              options.push <option key={-1} value={-1}>{__ "Last Battle"}</option>
              for packet, i in @props.battlePackets
                date = new Date(packet.poi_timestamp).toISOString()
                date = date.slice(0, 19).replace('T', ' ')
                comment = packet.poi_comment
                if packet.poi_timestamp == @state.selectedTimestamp
                  selectedIndex = i
                options.push <option key={i} value={i}>{"#{date} #{comment}"}</option>

              <Input type="select" ref="selectedIndex" value={selectedIndex} onChange={@handleSelectPacket}>
                {options}

      packet = JSON.parse packet
      @props.updateBattleDetail packet
      @setState
        selectedPacket: packet
    finally
      window.showModal
        title: __ "Paste Data"
