api.js

const BASE_URL = 'https://jsonplaceholder.typicode.com';

export default {
  TODOS_URL: `${BASE_URL}/todos`,
  USERS_URL: `${BASE_URL}/users`,
};

useApi.js

import { useEffect, useState } from 'react';
import axios from 'axios';
import { TODOS_URL } from './api';

export function useGetAll() {
  const [todos, setTodos] = useState([]);
  const [error, setError] = useState(null);
  const [loading, setLoading] = useState(true);

  useEffect(() => {
    const getAll = async () => {
      setError(null);
      setLoading(true);

      try {
        const { data } = await axios.get(TODOS_URL);

        setTodos(data);
      } catch (error) {
        setError(error);
      } finally {
        setLoading(false);
      }
    };

    getAll();
  }, []);

  return { todos, error, loading };
}

export function useGetOne(id) {
  const [todo, setTodo] = useState({});

  useEffect(() => {
    const getOne = async () => {
      const { data } = await axios.get(`${TODOS_URL}/${id}`);

      setTodo(data);
    };

    getOne();
  }, []);

  return todo;
}