Can you guide on how to load model (model.json and group1-shard1of1.bin files) which are downloaded to Documents Directory in iOS and internal app storage folder in Android ? about tfjs HOT 5 OPEN

import React from 'react';
import {Button, View} from 'react-native';
import * as tf from '@tensorflow/tfjs';
import {bundleResourceIO} from '@tensorflow/tfjs-react-native';
import RNFS from 'react-native-fs';

      
const modelJson1 = await RNFS.readFile(
      `${RNFS.DocumentDirectoryPath}/model/model.json`,
    );

const modelLoad = await tf.loadGraphModel(modelJson, {
            weightUrlConverter : async (weightFileName) => {
                  return `file://${RNFS.DocumentDirectoryPath}/model/group1-shard1of1.bin`;
          }});

import * as tf from '@tensorflow/tfjs';
import AsyncStorage from '@react-native-async-storage/async-storage';
import RNFS from 'react-native-fs'; // Assuming you have react-native-fs installed

const MODEL_JSON_KEY = 'modelJson';
const MODEL_WEIGHTS_KEY = 'modelWeights';

async function loadModel() {
  try {
    // Check for model in AsyncStorage
    const modelJsonString = await AsyncStorage.getItem(MODEL_JSON_KEY);
    const modelWeightsBytes = await AsyncStorage.getItem(MODEL_WEIGHTS_KEY);

    if (modelJsonString && modelWeightsBytes) {
      // Model found in AsyncStorage, load directly
      const modelJson = JSON.parse(modelJsonString);
      const modelWeights = tf.util.decodeBase64(modelWeightsBytes);
      return await tf.loadLayersModel({ modelConfig: modelJson, weights: modelWeights }, asyncStorageIO);
    } else {
      console.error('Model not found in AsyncStorage!!!');
    }
  } catch (error) {
    console.error('Error loading model:', error);
    return null; // Or handle error appropriately
  }
}