por qué mi código muestra

TypeError: items.map no es una función

Estoy tratando de aprender USEEFFECT HOOK en reactjs y recibo este error muchas veces. Estoy muy confundido...

 import './App.css' import React, { useState, useEffect } from 'react' function App() { const [type, setType] = useState(''), [items, setItems] = useState('') useEffect(() => { fetch(`https://jsonplaceholder.typicode.com/${type}`) .then(response => response.json()) .then(json => setItems(json)) console.log(items) }, [type]) return ( <div className="App"> <button onClick={() => setType('posts')}>posts</button> <button onClick={() => setType('users')}>users</button> <button onClick={() => setType('comments')}>comments</button> <div>{type}</div> {items.map(el => { return JSON.stringify(el) })} </div> ); } export default App;