Reusing Api Declaration

api.js

// api.js

// Import the axios library for making HTTP requests
import axios from 'axios';

// Define an asynchronous function to fetch data from the API
export async function fetchData() {
    try {
        // Make an HTTP GET request to fetch data from the API
        const response = await axios.get('https://api.example.com/data');
        // Return the response data
        return response.data;
    } catch (error) {
        // Log an error message if there's an error fetching data
        console.error('Error fetching data:', error.message);
        // Rethrow the error to handle it in the component
        throw error;
    }
}