Canvas image in RTDB

I’ve made an app in which students can draw and the image of their canvas will be sent to the RTDB and can be viewed by their teacher using an image component. Here, both the student and the teacher have to enter a Artroom name in order for

  • The student’s canvas to be able to be shared
  • The teacher to be able to view the student’s canvas.

Somehow, this isn’t working. I even tried uploading to media_db and then uploading it to firebase, but that’s not working either.
This is my code:
Student’s screen


Teacher’s screen
image

I understand that canvas images are returned in base64 format, and even tried to upload to Cloudinary because I wasn’t sure if you could directly set the URL of an image component to a base64 URL.
Any idea what to do?
Thanks.