Type '{}' is missing the following properties... Как исправить?

Question

[tostershmoster]

Код выводит посты

// Feed.tsx
const [posts, setPosts] = useState<IPost[]>([]);

useEffect(
  () =>
    onSnapshot(query(collection(db, 'posts'), orderBy('timestamp', 'desc')), (snapshot: any) => {
      setPosts(snapshot.docs);
    }),
  [],
);

return (
...
  {posts.map((item) => {
    return <Post key={item.id} id={item.id} post={item.data()} />; // error
  })}
...
)

параметр post подчёркивается с ошибкой

(property) IPostProps.post: IPost
Type '{}' is missing the following properties from type 'IPost': id, userImage, username, tag, and 4 more.ts(2740)
Post.tsx(49, 3): The expected type comes from property 'post' which is declared here on type 'IntrinsicAttributes & IPostProps'

// Post.tsx
interface IPost {
  id: string;
  userImage: string;
  username: string;
  tag: string;
  timestamp: any;
  text: string;
  image: string;
  data: () => {};
}

interface IPostProps {
  id: string;
  post: IPost;
  postPage?: boolean;
}

const Post: FC<IPostProps> = ({ id, post, postPage }) => {...}

В dev режиме работает, build падает с той же ошибкой

Comments

[WbICHA]

Как исправить?

Добавить типизацию?

[tostershmoster]

WbICHA, Компонент пост типизирован, item.data() возвращает объект типа IPost

[WbICHA]

tostershmoster,

item.data() возвращает объект типа IPost

Охотно верю (нет).

data: () => {};

[tostershmoster]

WbICHA, data: () => IPost ?

[WbICHA]

tostershmoster, а что, есть ещё варианты?