refactor: updating packages to latest

Author: Sibusiso Massango

example/package.json

@@ -12,18 +12,18 @@
     "test": "jest"
   },
   "dependencies": {
-    "expo": "^45.0.0",
+    "expo": "^48.0.0",
     "expo-splash-screen": "~0.15.1",
-    "react": "17.0.2",
-    "react-dom": "17.0.2",
-    "react-native": "0.68.2",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
+    "react-native": "0.71.3",
     "react-native-unimodules": "~0.12.0",
     "react-native-web": "0.17.7"
   },
   "devDependencies": {
     "@babel/core": "^7.12.9",
     "@babel/runtime": "^7.9.6",
-    "@types/react": "~17.0.21",
+    "@types/react": "~18.0.28",
     "babel-plugin-module-resolver": "^4.0.0",
     "babel-preset-expo": "~9.1.0",
     "expo-cli": "^4.0.13"

example/src/App.tsx

@@ -2,13 +2,12 @@ import * as React from 'react';
 import { Button, StyleSheet, Text, View } from 'react-native';
 import MultiSteps from 'react-native-multi-steps';
 
-
-export default function App(props) {
+export default function App() {
   const [show, setShow] = React.useState<boolean>(false);
 
   return (
     <View style={styles.container}>
-      <Button onPress={() => setShow(!show)} title="show section"/>
+      <Button onPress={() => setShow(!show)} title="show section" />
       <MultiSteps
         onMoveNext={function (data: any): void {
           console.log('next', data);
@@ -30,24 +29,23 @@ export default function App(props) {
           </Text>
         </View>
         {show && (
-        <View>
-          <Text style={{ fontSize: 30, fontWeight: 'bold' }}>
-            Show this section
-          </Text>
-          <Text>
-            Piedmont, or mountain, glaciers are found in many parts of the 
-            world. In North America they are distributed along the mountain
-            ranges of the Pacific Coast from central California northward. They
-            abound in the Andes range in South America and are familiar and
-            greatly admired spectacles in the Alps, the Pyrenees, the Caucasus
-            Mountains and the mountains of Scandanavia. Rivers of ice flow down
-            the valleys of various Asian mountain ranges, including the
-            Himalayas, the Hindu Kush, and the Karakoram and Kunlun ranges. They
-            are also a feature of the Southern Alps of New Zealand and are found
-            in the lofty mountains of New Guinea. The largest piedmont glaciers
-            are the Malaspina and Bering glaciers, both in Alaska.
-          </Text>
-        </View>
+          <View>
+            <Text style={styles.text}>Show this section</Text>
+            <Text>
+              Piedmont, or mountain, glaciers are found in many parts of the
+              world. In North America they are distributed along the mountain
+              ranges of the Pacific Coast from central California northward.
+              They abound in the Andes range in South America and are familiar
+              and greatly admired spectacles in the Alps, the Pyrenees, the
+              Caucasus Mountains and the mountains of Scandanavia. Rivers of ice
+              flow down the valleys of various Asian mountain ranges, including
+              the Himalayas, the Hindu Kush, and the Karakoram and Kunlun
+              ranges. They are also a feature of the Southern Alps of New
+              Zealand and are found in the lofty mountains of New Guinea. The
+              largest piedmont glaciers are the Malaspina and Bering glaciers,
+              both in Alaska.
+            </Text>
+          </View>
         )}
         <View>
           <Text>
@@ -88,4 +86,5 @@ const styles = StyleSheet.create({
     justifyContent: 'center',
     margin: 20,
   },
+  text: { fontSize: 30, fontWeight: 'bold' },
 });