text: import React, { useEffect } from 'react'
  import { useDispatch } from 'react-redux'
  import anecdoteService from './services/anecdotes'
  import { initializeAnecdotes } from './reducers/anecdoteReducer'
  import Notification from './components/Notification'
  import AnecdoteFilter from './components/AnecdoteFilter'
  import AnecdoteList from './components/AnecdoteList'
  import AnecdoteForm from './components/AnecdoteForm'
  
  const App = () => {
    const dispatch = useDispatch()
    useEffect(() => {
        dispatch(initializeAnecdotes())
    }, [dispatch])
    
    return (
      <div>
        <Notification />
        <h2>Anecdotes</h2>
        <AnecdoteFilter />
        <AnecdoteList />
        <AnecdoteForm />
      </div>
    )
  }
  
  export default App
  