Исключения должны быть помещены в отдельный пакет?

class App extends React.Component {
  constructor() {
    super();
    this.state = {
      results: [
        {
          hobby: [28, 12, 16],
          id: 233,
          Name: 'John'
        },
        {
          hobby: [12, 28],
          id: 100,
          Name: 'Andy'
        }
      ],
      hobbies: [
        {id: 28, name: "Football"},
        {id: 12, name: "Reading"},
        {id: 16, name: "Dancing"}
      ]
    };    
  }

   render() {
    return ( 
        this.state.results.map(person =>
        (
          <div key={person.id}>
            <p>{person.Name}</p>
            <div>{person.hobby.map(hobby => (
            <div key={hobby}>
              {this.state.hobbies.filter(h => h.id === hobby)[0].name}
            </div>
            ))}
            </div>
          </div>
          )
        )
    );
  }
}

ReactDOM.render( <App /> ,
  document.getElementById('root')
);

<script src="https://unpkg.com/react@16/umd/react.development.js" crossorigin></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js" crossorigin></script>
<div id="root" />