move registration of the hander below the ui props