PostInfo.tsx

import * as React from "react";
import { AppContextInterface, withAppContext } from "./AppContext";

const PostInfoComp = ({ appContext }: { appContext?: AppContextInterface }) =>
  appContext && (
    <div>
      Name: {appContext.name} <br />
      Author: {appContext.author} <br />
      Url: {appContext.url}
    </div>
  );

export const PostInfo = withAppContext(PostInfoComp);