import { Box } from '@mui/material';

import axios from 'axios';

import React, { useEffect, useState } from 'react';

​

​

const Contact = () => {

    const [data, setData] = useState([]);

​

    useEffect(() => {

        axios.get('https://jsonplaceholder.typicode.com/todos/1')

            .then(response => {

                setData(response.data);

            })

            .catch(error => {

                console.log(error);

            });

    }, []);

    return (

        <Box m={4}>

            {data.title}

        </Box>

    );

};

​

export default Contact;