Why it is impossible to write code after using the f-map in the router?

import React, { Component } from 'react'; import ReactDOM from 'react-dom'; import {Router, Route, Link} from 'react-router-dom'; import createBrowserHistory from 'history/createBrowserHistory'; const history = createBrowserHistory(); const page = function(text){return(<div>{text}</div>)} class People extends Component{ constructor(props){ super(props); this.state = {}; // this.self = this.bind(this); }; componentDidMount(){ } render(){ var people = this.props.people; var ul; return (<div><Router history={history}> <div> {ul = this.props.people.map((item,i)=>{ var k = Object.keys(item) k = k[0] var li; li = <li key={i}><Link to ={k.toLowerCase().trim().replace(" ","-")} >{k}</Link> </li>; console.log(k); return li;}) console.log('descriptions'); } </div></Router></div>) } } export default People; 

gives a syntax error, I don’t understand, everything seems to be normal, maybe I don’t understand something conceptually, how the code works, some detail.

Failed to compile ./src/People.js Syntax error: C: /Users/Dima/Desktop/myReact/my-app/src/People.js: Unexpected token, expected} (36: 2)

 34 | 35 | return li;}) > 36 | console.log('descriptions'); | ^ 37 | 38 | } 39 | </div></Router></div>)