I have a hardcoded image file like so like so:

const file = new File(["large base64 encoding in string"], "foo.txt", {
  type: "img/png",
});

I pass this file into URL.createobjecturl() like so:

    var imageUrl =  URL.createObjectURL(file)

However, when I log the imageUrl variable it does not open the correct image, instead it opens a seemingly blank page like so:

Why is this happening and how can I go about fixing it? I feel like it has something to do with me hardcoding the base 64 encoding for the image or the fact that the base 64 encoding is in a string?