Cannot read property 'title' of undefined

kindly help me, i have been having this error Cannot read property ‘title’ of undefined, and i got stuck

        const {id} =
            nav: [{ link:"/books", title:"Books" }, 
                // eslint-disable-next-line no-dupe-keys
                { link:"/authors", title:"Authors"
        title: "Books center",
        book: books[id]

       <div class="row">    
                  <div class="col-md-2 col-sm-3 text-center">
                    <a class="story-title" href="#"><img alt="" src="" style="width:100px;height:100px" class="img-circle"></a>
                  <div class="col-md-10 col-sm-9">
                    <div class="row">
                      <div class="col-xs-9">
                        <h4><span class="label label-default"><></span></h4><h4>
                        <small style="font-family:courier,'new courier';" class="text-muted">2 hours ago  • <a href="/books/<%=i%>" class="text-muted">Read More</a></small>
                      <div class="col-xs-3"></div>

I would assume that the problem is here:


book is undefined.

yes thats where my problem is