text: /*
   * Copyright 2020 American Express Travel Related Services Company, Inc
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   * http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express
   * or implied. See the License for the specific language governing
   * permissions and limitations under the License.
   */
   
  import { Layout } from "../components/Layout";
  import { useFetchye, makeServerFetchye, SimpleCache } from "fetchye";
  
  const cache = SimpleCache();
  
  // Codesandbox takes a second to get Next.JS started...
  export default function IndexPage({ initialPerson }) {
    const { isLoading, data } = useFetchye(
      "https://bulyq.sse.codesandbox.io/profile",
      {
        initialData: initialPerson
      }
    );
    return (
      <Layout>
        <p>
          {isLoading && (
            <span aria-label="loading" role="img">
              ⏳
            </span>
          )}
          {!isLoading && data?.body.name}
        </p>
     </Layout>
    );
  }
  
  const fetchye = makeServerFetchye({
    cache,
    fetchClient: fetch
  });
  
  export async function getServerSideProps() {
    try {
      const res = await fetchye("https://bulyq.sse.codesandbox.io/profile");
      return {
        props: {
          initialPerson: res
        }
      };
    } catch (error) {
      console.error(error.message);
      return {};
    }
  }
  