import React, { useState, useEffect } from 'react' import Head from 'next/head' import FeedbackArea from '../components/feedbackArea' import constants from '../constants.json' import LoadingIndicator from '../components/LoadingIndicator' import Sleep from '../components/sleep' import styles from './contact.module.css' export default function Contact() { const [contacts, setContacts] = useState() useEffect(() => { fetch(constants.apiUrl + 'contacts.json', { method: 'GET', credentials: 'include', headers: { Accept: 'application/json', 'Content-Type': 'application/json', }, }) .then((res) => { return res.json() }) .then((res) => { setContacts(res) }) }, []) return (