The '' function makes the dependencies of useEffect Hook change on every render. Move it inside the useEffect callback. Alternatively, wrap the '' definition into its own useCallback() Hook code example

Example 1: Line 9:6: React Hook React.useEffect has a missing dependency: 'init'. Either include it or remove the dependency array

const fetchBusinesses = useCallback(() => {
  ...
}, [])
useEffect(() => {
  fetchBusinesses()
}, [fetchBusinesses])

Example 2: React Hook useEffect has a missing dependency:'. Either include it or remove the dependency array.

import React, { useEffect, useState } from 'react';
import Todo from './Todo';
 
const TodoList = () => {
  const [todos, setTodos] = useState([]);
  useEffect(() => {
    fetch('https://jsonplaceholder.typicode.com/todos')
      .then(response => response.json())
      .then(data => {
        setTodos(data);
      })
  });
  return (
    <div>
      {
        todos.map(todo => (
          <Todo
            key={todo.id}
            title={todo.title}
            completed={todo.completed}
          />
        ))
      }
    </div>
  )
}
 
export default TodoList;