How to use getStaticProps in typescript in nextJs

I keep getting undefined when i try to get all posts from my backend, what am i doing wrong?

import { AppContext } from '@/helpers/Helpers'
import axios from 'axios'
import { GetStaticProps} from 'next'
import React, {useContext} from 'react'
import Tweet from './Tweet'
import { TweetsContainer } from './Tweets.styled'


export interface IAppProps {
}

export default function Tweets(props: any, { allPosts }: any) {
  
  console.log(allPosts);
  
  return (
    <div>
        <TweetsContainer>
            <div>
           </div>
    </TweetsContainer>
    </div>
  );
}

 export const getStaticProps: GetStaticProps = async () => {
   const res = await axios.get(`http://localhost:7000/api/tweets`)
   const data = res.data
   
   return {
     props: { allPosts: data }   
   }
 }

Isn't this a right way of calling data from an api in next js with typescript?

You will require to define the type of data that will be returned by the function. Have a look on the below example with user data.

type UserData = {
  name: string,
  email: string,
  mobile: string
}

type Props = {
  data: UserData;
};

export const getStaticProps: GetStaticProps<Props> = async () => {
  const data: UserData = /* logic to fetch user data */;
  return { props: { data } };
};

const Users = (props: Props) => {
  const { data } = props
  return (
    <div>
      <h1>{data.name}</h1>
      <p>{data.email}</p>
    </div>
  );
};

export default Users;