diff --git a/package-lock.json b/package-lock.json
index 010c5f3..f4c4a46 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1007,9 +1007,9 @@
       }
     },
     "@nodegui/nodegui": {
-      "version": "0.11.0",
-      "resolved": "https://registry.npmjs.org/@nodegui/nodegui/-/nodegui-0.11.0.tgz",
-      "integrity": "sha512-wC4OMr+7CUotyxjUfAwwf2cI6zjzfhIxGEMuc7gCyhKPBS4rgVCvo7ZUrX2psER4wNV2CpvZ0P1KydXTTj3Q2Q==",
+      "version": "0.12.1",
+      "resolved": "https://registry.npmjs.org/@nodegui/nodegui/-/nodegui-0.12.1.tgz",
+      "integrity": "sha512-dcO43G+fUmYUsfHcUZSQCBJZnSsIoyNfEGxh6StUK9P+Y2stYiP3du9ESr18hw/+inTw6X2ML1gY1B1xvzWJ9A==",
       "requires": {
         "@nodegui/qode": "^1.0.6",
         "cmake-js": "^6.0.0",
@@ -1032,9 +1032,9 @@
       }
     },
     "@nodegui/react-nodegui": {
-      "version": "0.3.2",
-      "resolved": "https://registry.npmjs.org/@nodegui/react-nodegui/-/react-nodegui-0.3.2.tgz",
-      "integrity": "sha512-SzqoVz/8nZsJlNXNR5NJ+Yi3pg2HepV0+A3LDJ6M61CN+1QYF03qi79Ep5sVALAYRlzIeep3pX4ATzeJPXX2Dw==",
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/@nodegui/react-nodegui/-/react-nodegui-0.4.0.tgz",
+      "integrity": "sha512-dVLbx9lJx967jEQus++mwGeglqDkQXJA6+LZ08mYinJWH5Gc4mhbP6MtEiPSzICZzuojBXj1Kv2jTaMlxzFyyg==",
       "requires": {
         "@types/react-reconciler": "^0.18.0",
         "phin": "^3.4.1",
diff --git a/package.json b/package.json
index 2a3b588..3fa3e6d 100644
--- a/package.json
+++ b/package.json
@@ -11,8 +11,8 @@
     "start": "qode --inspect ./dist/index.js"
   },
   "dependencies": {
-    "@nodegui/nodegui": "^0.11.0",
-    "@nodegui/react-nodegui": "^0.3.2",
+    "@nodegui/nodegui": "^0.12.1",
+    "@nodegui/react-nodegui": "^0.4.0",
     "open": "^7.0.0",
     "react": "^16.12.0"
   },
diff --git a/src/components/steptwo.tsx b/src/components/steptwo.tsx
index 594595d..3193f23 100644
--- a/src/components/steptwo.tsx
+++ b/src/components/steptwo.tsx
@@ -1,15 +1,15 @@
-import { Text, View, Button } from "@nodegui/react-nodegui";
-import { QPushButtonEvents } from "@nodegui/nodegui";
+import { Text, View, Button, useEventHandler } from "@nodegui/react-nodegui";
+import { QPushButtonSignals } from "@nodegui/nodegui";
 import React from "react";
 import open from "open";
 
-const buttonEventHandler = {
-  [QPushButtonEvents.clicked]: () => {
-    open("https://react.nodegui.org").catch(console.log);
-  }
-};
-
 export function StepTwo() {
+  const btnHandler = useEventHandler<QPushButtonSignals>(
+    {
+      clicked: () => open("https://react.nodegui.org").catch(console.log)
+    },
+    []
+  );
   return (
     <View style={containerStyle}>
       <Text style={textStyle} wordWrap={true}>
@@ -31,7 +31,7 @@ export function StepTwo() {
       </Text>
       <Button
         style={btnStyle}
-        on={buttonEventHandler}
+        on={btnHandler}
         text={`Open React NodeGui docs`}
       ></Button>
     </View>