reactjs - Issue displaying content from Sanity cms - Stack Overflow

I have a react website that's connected to Sanity for a CMS. Locally, everything works fine and the content loads in. When I run a build and upload to godaddy, the Sanity content isn't displaying.

This is the site that's not displaying the content:

This is the code used in client.js:

import sanityClient from '@sanity/client';
import imageUrlBuilder from '@sanity/image-url';

export const client = sanityClient({
    projectId: process.env.REACT_APP_SANITY_PROJECT_ID,
    dataset: 'production',
    apiVersion: '2022-02-01',
    useCdn: true, // Set to false if you need real-time updates
    // Do NOT include token here if running on the frontend!
}); 

const builder = imageUrlBuilder(client);
export const urlFor = (source) => builder.image(source);

// Debugging: Expose properly in DevTools
console.log("Sanity Client Initialized:", client); 
window.sanityClient = client; // Expose initialized client

export default client;

Expecting Sanity content to display as it is locally. Console is showing Sanity Client Initialized:

This was the original code for client.js which i've updated to what's above:

import sanityClient from '@sanity/client'
import imageUrlBuilder from '@sanity/image-url'

export const client = sanityClient({
    projectId: process.env.REACT_APP_SANITY_PROJECT_ID,
    dataset: 'production',
    apiVersion: '2022-02-01',
    useCdn: true,
    token: process.env.REACT_APP_SANITY_TOKEN,
}) 
const builder = imageUrlBuilder(client)

export const urlFor = (source) => builder.image(source)


// Added by Adam Jan 31, 2025 b/c sanity not loading when uploaded
console.log("Sanity Client:", sanityClient); // Log in console
Window.sanityClient = sanityClient; // Expose globally for DevTools

export default sanityClient;