Is it possible to switch getInitialProps to getServerSideProps? #95

const Restaurant: NextPage<IProps> = ({ id }) => {
  console.log("id", id);
  const { data, loading } = useRestaurantQuery({
    variables: {
      input: {
        restaurantId: id,
      },
    },
  });

  console.log("loading", loading);
  console.log("data", data);
  if (loading) {
    return <div>Loading...</div>;
  }

  return (
    <div>
      restaurant
      <div>{data?.restaurant.result?.name}</div>
    </div>
  );
};

export default withApollo({ssr: true})(Restaurant);

export const getServerSideProps: GetServerSideProps = async (ctx) => {
  console.log("ctx", ctx);

  const { id } = ctx.query;
  if (!id) {
    return {
      props: {},
    };
  }

  return {
    props: { id: parseInt(id as string) },
  };
};