Troubleshooting undefined data when querying a new document type in a Next.js app with Sanity.io

// Global Settings
export const globalSettingsQuery = groq`
*[_type == 'global'][0]
`

export interface GlobalSettings extends SanityBody {
  _type?: 'global'
  contactInformation?: {
    address?: string
    email?: string
    phoneNumber?: number
  }
  education?: {
    college?: string
    collegeLocation?: string
    dateEnded?: Date
    dateStarted?: Date
    degree?: string
  }
  homepageContent?: {
    heroImage: Image
  }
  personalInformation?: {
    bio?: string
    bioTitle?: string
    name?: string
    profilePic?: Image
    role?: string
  }
  socialMedia?: {
    social?: Social[]
  }
}

export async function getGlobalSettings(): Promise<GlobalSettings | {}> {
  if (client) {
    return (await client.fetch(globalSettingsQuery)) || {}
  }
  return {}
}

const [globalSettings, settings, posts = []] = await Promise.all([
    getGlobalSettings(),
    getSettings(),
    getAllPosts(),
  ])

const [globalSettings, settings, posts = []] = await Promise.all([
    getGlobalSettings(),
    getSettings(),
    getAllPosts(),
  ])

export const getStaticProps: GetStaticProps<
  PageProps,
  Query,
  PreviewData
> = async (ctx) => {
  const { preview = false, previewData = {} } = ctx

  const [globalSettings, settings, posts = []] = await Promise.all([
    getGlobalSettings(),
    getSettings(),
    getAllPosts(),
  ])

  console.log('Another Test: ', globalSettings.socialMedia.social)

  return {
    props: {
      posts,
      settings,
      globalSettings,
      preview,
      token: previewData.token ?? null,
    },
  }
}

import { PreviewSuspense } from '@sanity/preview-kit'
import IndexPage from 'components/IndexPage'
import { getAllPosts, getSettings, getGlobalSettings } from 'lib/sanity.client'
import { Post, Settings, GlobalSettings } from 'lib/sanity.queries'
import { GetStaticProps } from 'next'
import { lazy } from 'react'

const PreviewIndexPage = lazy(() => import('components/PreviewIndexPage'))

interface PageProps {
  posts: Post[]
  settings: Settings
  social: GlobalSettings['socialMedia']
  globalSettings: GlobalSettings
  preview: boolean
  token: string | null
}

interface Query {
  [key: string]: string
}

interface PreviewData {
  token?: string
}

export default function Page({
  posts,
  settings,
  globalSettings,
  social,
  preview,
  token,
}: PageProps) {
  console.log('Test: ', social)
  if (preview) {
    return (
      <PreviewSuspense
        fallback={
          <IndexPage
            loading
            preview
            posts={posts}
            settings={settings}
            social={social?.social}
          />
        }
      >
        <PreviewIndexPage token={token} />
      </PreviewSuspense>
    )
  }

  return <IndexPage posts={posts} settings={settings} social={social?.social} />
}

export const getStaticProps: GetStaticProps<
  PageProps,
  Query,
  PreviewData
> = async (ctx) => {
  const { preview = false, previewData = {} } = ctx

  const [globalSettings, settings, posts = []] = await Promise.all([
    getGlobalSettings(),
    getSettings(),
    getAllPosts(),
  ])

  console.log('Another Test: ', globalSettings.socialMedia.social)

  return {
    props: {
      posts,
      settings,
      globalSettings,
      preview,
      token: previewData.token ?? null,
    },
  }
}