How can we use multiple Toast at the same time about react-native-toast-message HOT 11 OPEN

import React, { useState, useEffect, useRef } from 'react';
import { View, TouchableOpacity, Text, StyleSheet } from 'react-native';
import Toast from 'react-native-toast-message';

export default function App() {
   const toastRef = useRef();
  //const toastRef = React.forwardRef((props, ref) => <Toast ref={ref} {...props} />);
  const [toastQueue, setToastQueue] = useState([]);
  const [toastId, setToastId] = useState(1);
  const [toastVisible, setToastVisible] = useState(false);
  const [shownToast, setShownToast] = useState(null);
  let toastTimeout;

  const addToast = () => {
    setToastQueue([...toastQueue, {
      id: toastId,
      text1: toastId.toString(),
      autoHide: false,
      onPress: () => {
        toastRef.current.hide();
      },
      onHide: () => {
        clearTimeout(toastTimeout);
        setShownToast(toastId);
        setToastVisible(false);
      },
      onShow: () => {
        setToastVisible(true);
        toastTimeout = setTimeout(() => {
          toastRef.current.hide();
        }, 4000);
      }
    }]);
    setToastId(toastId + 1);
  };

  useEffect(() => {
    if (toastQueue.length > 0 && !toastVisible) {
      if(toastRef.current!=null)
      { 
      toastRef.current.show(toastQueue[0]);
      setToastVisible(true);
      }
    } 
  }, [toastQueue, toastVisible]);

  useEffect(() => {
    if (toastQueue.length > 0 && shownToast) {
      setToastQueue([...toastQueue.filter((item) => item.id !== shownToast)]);
      setShownToast(null);
    }
  }, [toastQueue, shownToast]);
 
  return (
    <>
      <View style={styles.container}>
        <TouchableOpacity style={styles.button} onPress={() => addToast()}>
          <Text>Create New Toast</Text>
        </TouchableOpacity>
      </View>
      <Toast ref={toastRef} />
    </>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
  },
  button: {
    backgroundColor: '#a5e9a0',
    paddingVertical: 15,
    paddingHorizontal: 30,
  }
});