What is the return type of the getSSID() method?

[vedant17]

I have used array.map as well as JSON.stringify to find out the contents but still I keep getting the following error.

Invariant Violation: Objects are not valid as a React child (found: object with keys {_40, _65, _55, _72}). If you meant to render a collection of children, use an array instead. in RCTView (at View.js:45) in View (at WifiList.js:29) in WifiList (at SceneView.js:9) in SceneView (at FluidTransitioner.js:377) in RCTView (at View.js:45) in View (at createAnimatedComponent.js:151) in AnimatedComponent (at screens.native.js:59) in Screen (at TransitionRouteView.js:45) in TransitionRouteView (at FluidTransitioner.js:368) in RCTView (at View.js:45) in View (at screens.native.js:83) in ScreenContainer (at TransitionItemsView.js:119) in RCTView (at View.js:45) in View (at TransitionItemsView.js:113) in TransitionItemsView (at FluidTransitioner.js:223) in RCTView (at View.js:45) in View (at Transitioner.tsx:267) in Transitioner (at FluidTransitioner.js:73) in FluidTransitioner (at createFluidNavigator.js:38) in FluidNavigationView (at createNavigator.js:61) in Navigator (at createAppContainer.js:429) in NavigationContainer (at App.js:22) in App (at renderApplication.js:35) in RCTView (at View.js:45) in View (at AppContainer.js:98) in RCTView (at View.js:45) in View (at AppContainer.js:115) in AppContainer (at renderApplication.js:34)

This error is located at: in RCTView (at View.js:45) in View (at WifiList.js:29) in WifiList (at SceneView.js:9) in SceneView (at FluidTransitioner.js:377) in RCTView (at View.js:45) in View (at createAnimatedComponent.js:151) in AnimatedComponent (at screens.native.js:59) in Screen (at TransitionRouteView.js:45) in TransitionRouteView (at FluidTransitioner.js:368) in RCTView (at View.js:45) in View (at screens.native.js:83) in ScreenContainer (at TransitionItemsView.js:119) in RCTView (at View.js:45) in View (at TransitionItemsView.js:113) in TransitionItemsView (at FluidTransitioner.js:223) in RCTView (at View.js:45) in View (at Transitioner.tsx:267) in Transitioner (at FluidTransitioner.js:73) in FluidTransitioner (at createFluidNavigator.js:38) in FluidNavigationView (at createNavigator.js:61) in Navigator (at createAppContainer.js:429) in NavigationContainer (at App.js:22) in App (at renderApplication.js:35) in RCTView (at View.js:45) in View (at AppContainer.js:98) in RCTView (at View.js:45) in View (at AppContainer.js:115) in AppContainer (at renderApplication.js:34) throwOnInvalidObjectType index.bundle?platform=android&dev=true&minify=false:13681:20 reconcileChildFibers index.bundle?platform=android&dev=true&minify=false:14379:37 reconcileChildren index.bundle?platform=android&dev=true&minify=false:15891:50 updateHostComponent index.bundle?platform=android&dev=true&minify=false:16266:26 performUnitOfWork index.bundle?platform=android&dev=true&minify=false:20292:27 workLoop index.bundle?platform=android&dev=true&minify=false:20326:47 renderRoot index.bundle?platform=android&dev=true&minify=false:20392:21 performWorkOnRoot index.bundle?platform=android&dev=true&minify=false:21130:23 performWork index.bundle?platform=android&dev=true&minify=false:21057:30 performSyncWork index.bundle?platform=android&dev=true&minify=false:21033:20 batchedUpdates$1 index.bundle?platform=android&dev=true&minify=false:21218:28 batchedUpdates index.bundle?platform=android&dev=true&minify=false:9949:37 _receiveRootNodeIDEvent index.bundle?platform=android&dev=true&minify=false:10006:23 receiveTouches index.bundle?platform=android&dev=true&minify=false:10036:34 __callFunction index.bundle?platform=android&dev=true&minify=false:2577:49 index.bundle?platform=android&dev=true&minify=false:2334:31 __guard index.bundle?platform=android&dev=true&minify=false:2531:15 callFunctionReturnFlushedQueue index.bundle?platform=android&dev=true&minify=false:2333:21 callFunctionReturnFlushedQueue [native code]

Can please some on help me out?

import React, {Component} from 'react'
import {Dimensions, Platform, StyleSheet, Text, View, Button, TextInput, TouchableOpacity, Image, Animated, Easing} from 'react-native'
import { FluidNavigator, Transition } from "react-navigation-fluid-transitions"
import { createStackNavigator, createAppContainer } from "react-navigation"
import { NetworkInfo } from "react-native-network-info"



class WifiList extends Component<Props> {

  constructor () {
    super()
    this.state = {
      data: []
    }
  }
  getWifiList = async () => {
    const ssid = await NetworkInfo.getSSID();
    this.setState({
      data: ssid
    })
    return (
      <Text>{JSON.stringify(ssid)}</Text>
    )
  }

  render () {
    return (
      <View style={styles.container}>
      {this.getWifiList()}
      </View>
    )
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#FFFFFF',
  }
})

module.exports = WifiList;

This is my code

@pusherman

[hosseinmd]

use this code

import React, {Component} from 'react'
import {Dimensions, Platform, StyleSheet, Text, View, Button, TextInput, TouchableOpacity, Image, Animated, Easing} from 'react-native'
import { FluidNavigator, Transition } from "react-navigation-fluid-transitions"
import { createStackNavigator, createAppContainer } from "react-navigation"
import { NetworkInfo } from "react-native-network-info"



class WifiList extends Component<Props> {

  constructor () {
    super()
    this.state = {
      data: []
    }
  }
  getWifiList = async () => {
    const ssid = await NetworkInfo.getSSID();
    this.setState({
      data: ssid
    })
  }
componentDidMount(){
    this.getWifiList()
}
  render () {
    return (
      <View style={styles.container}>
           <Text>{JSON.stringify(this.state.data)}</Text>
      </View>
    )
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#FFFFFF',
  }
})

module.exports = WifiList;