Accessing multiple schema to add data on properties

I am trying to add array data on realm objects, but whenever I try to add data my app crashes without giving any error. I am using fetched data and passing one by one item to each object which has been declared.

import React, { Component } from 'react'
import { Alert, View, Text, TouchableOpacity } from 'react-native';
import { withNavigation } from 'react-navigation';
var Realm = require('realm');
const mostListened = {
    name: 'mostListened',
    properties: {
        id: 'int',
        child_image_url: 'string',
        child_name: 'string',
        children_who_staredA: 'string',
        children_who_staredB: 'string',
        children_who_staredC: 'string',
        children_who_staredD: 'string',
        duration: 'int',
        number_of_stars: 'int',
        number_of_streams: 'int',
        title: 'string',
    }
}
const mostLiked = {
    name: 'mostLiked',
    properties: {
        id: 'int',
        child_image_url: 'string',
        child_name: 'string',
        children_who_staredA: 'string',
        children_who_staredB: 'string',
        children_who_staredC: 'string',
        children_who_staredD: 'string',
        duration: 'int',
        number_of_stars: 'int',
        number_of_streams: 'int',
        title: 'string',
    }
}
const trendingPodcasts = {
    name: 'trendingPodcasts',
    properties: {
        id: 'int',
        child_image_url: 'string',
        child_name: 'string',
        children_who_staredA: 'string',
        children_who_staredB: 'string',
        children_who_staredC: 'string',
        children_who_staredD: 'string',
        duration: 'int',
        number_of_stars: 'int',
        number_of_streams: 'int',
        title: 'string',
    }
}

class AddArrayData extends Component {

    static navigationOptions = {
        header: null
    }
    constructor(props) {
        super(props);
        this.state = {
            mostListenedData: [],
            trendingPodcasts: [],
            mostLikedPodcasts: [],
        }
    }
    componentDidMount() {
        fetch('abc')
            .then((response) => response.json())
            .then((responseJson) => {
                this.setState({ mostListenedData: { data: responseJson.data } })
            });
        fetch('abc')
            .then((response) => response.json())
            .then((responseJson) => {
                this.setState({ mostLikedPodcasts: { data: responseJson.data } })
            });
        fetch('abc')
            .then((response) => response.json())
            .then((responseJson) => {
                this.setState({ trendingPodcasts: { data: responseJson.data } })
            });
    }
    addStudentData = () => {
        console.log(this.state.mostListenedData, this.state.mostLikedPodcasts, this.state.trendingPodcasts);
        Realm.open({ schema: [mostListened, mostLiked, trendingPodcasts], schemaVersion: 11 })
            .then(realm => {
                realm.write(() => {
                    for (let i = 0; i <= this.state.mostListenedData.data.podcasts.length; i++) {
                        realm.create('mostListened', {
                            id: i,
                            child_image_url: this.state.mostListenedData.data.podcasts[i].child_image_url,
                            child_name: this.state.mostListenedData.data.podcasts[i].child_name,
                            children_who_staredA: this.state.mostListenedData.data.podcasts[i].children_who_stared[0],
                            children_who_staredB: this.state.mostListenedData.data.podcasts[i].children_who_stared[1],
                            children_who_staredC: this.state.mostListenedData.data.podcasts[i].children_who_stared[2],
                            children_who_staredD: this.state.mostListenedData.data.podcasts[i].children_who_stared[3],
                            duration: this.state.mostListenedData.data.podcasts[i].duration,
                            number_of_stars: this.state.mostListenedData.data.podcasts[i].number_of_stars,
                            number_of_streams: this.state.mostListenedData.data.podcasts[i].number_of_streams,
                            title: this.state.mostListenedData.data.podcasts[i].title,
                        });
                        realm.create('mostLiked', {
                            id: i,
                            child_image_url: this.state.mostLikedPodcasts.data.podcasts[i].child_image_url,
                            child_name: this.state.mostLikedPodcasts.data.podcasts[i].child_name,
                            children_who_staredA: this.state.mostLikedPodcasts.data.podcasts[i].children_who_stared[0],
                            children_who_staredB: this.state.mostLikedPodcasts.data.podcasts[i].children_who_stared[1],
                            children_who_staredC: this.state.mostLikedPodcasts.data.podcasts[i].children_who_stared[2],
                            children_who_staredD: this.state.mostLikedPodcasts.data.podcasts[i].children_who_stared[3],
                            duration: this.state.mostLikedPodcasts.data.podcasts[i].duration,
                            number_of_stars: this.state.mostLikedPodcasts.data.podcasts[i].number_of_stars,
                            number_of_streams: this.state.mostLikedPodcasts.data.podcasts[i].number_of_streams,
                            title: this.state.mostLikedPodcasts.data.podcasts[i].title,
                        });
                        realm.create('trendingPodcasts', {
                            id: i,
                            child_image_url: this.state.trendingPodcasts.data.podcasts[i].child_image_url,
                            child_name: this.state.trendingPodcasts.data.podcasts[i].child_name,
                            children_who_staredA: this.state.trendingPodcasts.data.podcasts[i].children_who_stared[0],
                            children_who_staredB: this.state.trendingPodcasts.data.podcasts[i].children_who_stared[1],
                            children_who_staredC: this.state.trendingPodcasts.data.podcasts[i].children_who_stared[2],
                            children_who_staredD: this.state.trendingPodcasts.data.podcasts[i].children_who_stared[3],
                            duration: this.state.trendingPodcasts.data.podcasts[i].duration,
                            number_of_stars: this.state.trendingPodcasts.data.podcasts[i].number_of_stars,
                            number_of_streams: this.state.trendingPodcasts.data.podcasts[i].number_of_streams,
                            title: this.state.trendingPodcasts.data.podcasts[i].title,
                        });
                    }
                });
            })
            .catch(error => {
                console.log(error);
            });
        Alert.alert("Student Details Added Successfully.")
    }
    deleteAllData = () => {
        Realm.open({ schema: [mostListened, mostLiked, trendingPodcasts], schemaVersion: 11 })
            .then(realm => {
                realm.write(() => {
                    realm.deleteAll()
                });
            })
            .catch(error => {
                console.log(error);
            });
    }
    showStudentData = () => {
        Realm.open({ schema: [mostListened, mostLiked, trendingPodcasts], schemaVersion: 11 })
            .then(realm => {
                var mostListened = Array.from(realm.objects('mostListened'));
                this.state.mostListenedData = mostListened;
                this.setState({ mostListenedData: this.state.mostListenedData });
                console.warn(this.state.mostListenedData);
            })
            .catch(error => {
                console.log(error);
            });
    }
    render() {
        return (
            <View style={{ flex: 1 }}>
                <TouchableOpacity onPress={() => this.addStudentData()} activeOpacity={0.7} style={{ marginTop: 16, marginLeft: 32, marginRight: 32, justifyContent: 'center', alignItems: 'center', backgroundColor: 'orange', height: 30, width: '40%', alignSelf: 'center', borderRadius: 12 }} >
                    <Text style={{ color: '#fff', fontSize: 12, fontWeight: 'bold' }}>ADD STUDENT</Text>
                </TouchableOpacity>
                <TouchableOpacity onPress={() => this.showStudentData()} activeOpacity={0.7} style={{ marginTop: 16, marginLeft: 32, marginRight: 32, justifyContent: 'center', alignItems: 'center', backgroundColor: 'blue', height: 30, width: '40%', alignSelf: 'center', borderRadius: 12 }} >
                    <Text style={{ color: '#fff', fontSize: 12, fontWeight: 'bold' }}>SHOW STUDENT DATA</Text>
                </TouchableOpacity>
                <TouchableOpacity onPress={() => this.deleteAllData()} activeOpacity={0.7} style={{ marginTop: 16, marginLeft: 32, marginRight: 32, justifyContent: 'center', alignItems: 'center', backgroundColor: 'green', height: 30, width: '40%', alignSelf: 'center', borderRadius: 12 }} >
                    <Text style={{ color: '#fff', fontSize: 12, fontWeight: 'bold' }}>DELETE ALL DATA</Text>
                </TouchableOpacity>
            </View>
        );
    }
}
export default withNavigation(AddArrayData);

Please anybody could suggest that is this the right way to open multiple schemas and with the help of a write method storing data in the realm. I am new to the realm.