How to write a typescript version of getStaticProps in nextjs taking data from sanity CMS

 export default function getInitials(title: string) {
  // Check if the string is empty
  if (!title) {
    return '';
  }

  // Split the string into an array of words
  let words = title.split(' ');

  // Initialize an empty string to store the initials
  let initials = '';

  // Loop through the array of words
  for (let i = 0; i < words.length; i++) {
    // Get the first character of the current word
    let initial = words[i][0];

    // Convert the character to uppercase
    initial = initial.toUpperCase();

    // Add the character to the initials string, separated by a dot
    initials += initial + '.';
  }

  // Remove the last dot from the initials string
  initials = initials.slice(0, -1);

  return initials;
}

taticProps } from'next'; import sanityClient from'@sanity/client'; // or however you import the Sanity client in your project// Define a TypeScript interface for the props that will be returned by getStaticPropsinterfaceProps { // Repla

ce this with the actual shape of the data you want to fetch from Sanitytitle: string; description: string; } // The function that will be called to retrieve the propsexportconstgetStaticProps: GetStaticProps<Props> = async () => { // Create an instance of the Sanity clientconst client = sanityClient({ projectId: 'your-project-id', dataset: 'your-dataset-name', token: 'your-api-token', useCdn: true, // optional, but can improve performance if your

dataset is public }); // Use the client to fetch the data you need from the Sanity CMSconst data = await client.fetch( `*[_type == "page" && slug.current == $slug][0]`, { slug: 'home' } // replace this with the actual slug of the page you want to fetch ); // Return the data as propsreturn { props: { title: data.title, description: data.description, }, }; };