Too much rendering

[jjjkkkjjj]

Due to updating the droppableInformation and draggableInformation in each DnDable, the rendering was occurred for every updating.

[jjjkkkjjj]

Solution

1. receive keyValues in the DnDArea
2. manage whether registration is accepted from DnDable based on the received keyValues (registerInformationAtom)
3. synchronize the Lazy atom with the Realtime atom if registerInformationAtom is all true
4. set allRegisteredOnce to true once all the information has been collected
5. then synchronize Realtime and Lazy by calling updateLazyStates when the State is updated