TokenURIS Not Uploading On Pinata

[Benrockiee]

When i try to deploy my contract so it could upload the image to pinata, it only deploys without uploading the image or tokenUris..

I am wondering if this might be the cause?

This is my Contract

//SPDX-License-Identifier: MIT

pragma solidity ^0.8.8;

import "@openzeppelin/contracts/token/ERC721/extensions/ERC721URIStorage.sol";
import "@openzeppelin/contracts/access/Ownable.sol";

contract SpideyNft is ERC721 {
    uint256 private s_tokenCounter;

    string public TOKEN_URI;

    constructor() ERC721("Spidey", "SPD") {
        s_tokenCounter = 0;
    }

    //To make new spidermen, openzeppelin comes with a mint function
    //Also anybody who mints one, will have this same spiderman
    function mintNft() public returns (uint256) {
        //This means anytime we mint a new NFT
        _safeMint(msg.sender, s_tokenCounter);
        //We update that token counter
        s_tokenCounter = s_tokenCounter + 1;
        //Then we return the new token counter
        return s_tokenCounter;
    }

    function tokenURI(
        uint256 /*tokenId*/
    ) public view override returns (string memory) {
        return TOKEN_URI;
    }

    function getTokenCounter() public view returns (uint256) {
        return s_tokenCounter;
    }

    //Now this token isnt gonna look like anything without the tokenUri(universal resource
    // identifier) because it tells us what this token is going to look like ..
}

This is my deploy script

const { network } = require("hardhat")
const { developmentChains } = require("../helper-hardhat-config")
const { verify } = require("../utils/verify")
const { storeImages, storeTokenUriMetadata } = require("../utils/upload-to-pinata")

const imagesLocation = "./images/spideyNfts/"

const metadataTemplate = {
    name: "",
    description: "",
    image: "",
    attributes: [
        {
            alter_ego: "Peter Parker",
            location: "New york City",
            hair_colour: "Brown",
            trait_type: "Wallcrawling",
            value: 100,
            costume: "Red and blue",
        },
    ],
}
  let TOKEN_URI = []
module.exports = async function ({ getNamedAccounts, deployments }) {
    const { deploy, log } = deployments
    const { deployer } = await getNamedAccounts()
    const chainId = network.config.chainId

    //lets get the ip hashes of our images
    if (process.env.UPLOAD_TO_PINATA == "true") {
        TOKEN_URI = await handleTokenUris()
    }

    const args = []
    const spideyNft = await deploy("SpideyNft", {
        from: deployer,
        args: args,
        log: true,
        waitConfirmations: network.config.blockConfirmations || 1,
    })

    if (!developmentChains.includes(network.name) && process.env.ETHERSCAN_API_KEY) {
        log("Verifying..........")
        await verify(spideyNft.address, args)
    }
}
//This is where we return the tokens of our URI
async function handleTokenUris() {
    TOKEN_URI = []

    //we store the image on IPFS and also store the metadata

    //we make a list of those responses from pinata and they will the hashes of our uploaded files
    //we will loop through that list and update each of the metadatas

    const { responses: imageUploadResponses, files } = await storeImages(imagesLocation)
    for (imageUploadResponseIndex in imageUploadResponses) {

        //we create metadata and upload it
        let tokenUriMetadata = { ...metadataTemplate }
        tokenUriMetadata.name = files[imageUploadResponses].replace(".png", "")
        tokenUriMetadata.description = `An amazing ${tokenUriMetadata.name} SpiderMan!`
        tokenUriMetadata.image = `ipfs://${imageUploadResponses[imageUploadResponseIndex].IpfsHash}`
        console.log(`Uploading ${tokenUriMetadata.name}...`)
        //we store the JSON to pinata
        const metadataUploadResponse = await storeTokenUriMetadata(tokenUriMetadata)
        TOKEN_URI.push(`ipfs://${metadataUploadResponse.IpfsHash}`)
    }
    console.log("Token URIs uploaded! They are:")
    console.log(TOKEN_URI)

    return TOKEN_URI
}

module.exports.tags = ["all", "SpideyNft", "main"]

[Benrockiee]

My dotenv was not updated correctly..