♻️ Refact example app

Move observer to a useEffect hook

Author: ruan-azevedo

example/App.tsx

@@ -1,4 +1,4 @@
-import React, {useState} from 'react';
+import React, {useState, useEffect} from 'react';
 import {
   SafeAreaView,
   StyleSheet,
@@ -14,6 +14,8 @@ import AppleHealthKit, {
   HealthKitPermissions,
 } from 'react-native-health';
 
+import {NativeEventEmitter, NativeModules} from 'react-native';
+
 /* Permission options */
 const permissions = {
   permissions: {
@@ -46,6 +48,15 @@ AppleHealthKit.initHealthKit(permissions, (error: string) => {
 export default function App() {
   const [authStatus, setAuthStatus] = useState<any>({});
 
+  useEffect(() => {
+    new NativeEventEmitter(NativeModules.AppleHealthKit).addListener(
+      'healthKit:HeartRate:new',
+      async () => {
+        console.log('--> observer triggered');
+      },
+    );
+  });
+
   const handlePressGetAuthStatus = () => {
     AppleHealthKit.getAuthStatus(permissions, (err, result) => {
       if (err) {

example/index.js

@@ -2,13 +2,8 @@
  * @format
  */
 
-import { AppRegistry, NativeEventEmitter, NativeModules } from 'react-native';
+import {AppRegistry} from 'react-native';
 import App from './App';
-import { name as appName } from './app.json';
+import {name as appName} from './app.json';
 
-AppRegistry.registerComponent(appName, () => {
-    new NativeEventEmitter(NativeModules.AppleHealthKit).addListener('healthKit:HeartRate:new', async () => {
-        console.log('new sample')
-    })
-    return App
-});
+AppRegistry.registerComponent(appName, () => App);