javascript - Uncaught (in promise) CustomPouchError -

i creating anime app , have problem when tried access particular anime supposed present me list of chapters of anime , when click on particular chapter, present streaming section of video.

// npm packages import react 'react'; import {withrouter} 'react-router-dom';  // packages import db '../../db';  //access chapter of series export default withrouter(({series, history}) => {   const openseriespage = async () => {     // can use location instead     const location = {       pathname: `/series${series._id}`,       state: series,     };      const doc = await db.current.get('series');     const update = {       _id: 'series',       data: series,     };     if (doc) {       update._rev = doc._rev;     }     await db.current.put(update);      history.push(location); // error in particular part!!   };    return (     <div classname="tile is-parent is-3">       <div classname="tile is-child">         <div classname="card" onclick={openseriespage}>           <div classname="card-image">             <figure classname="image">               <img src={series.image} alt={series.title} />             </figure>           </div>           <div classname="card-content">             <div classname="media">               <div classname="media-content">                 <p classname="title is-4">{series.title}</p>                 <p classname="subtitle is-6">episodes: {series.count}</p>               </div>             </div>           </div>         </div>       </div>     </div>   ); }); 

this error

uncaught (in promise) custompoucherror {status: 404, name: "not_found", message: "missing", error: true, reason: "missing"…} history.push(location);