(jsx) bug with parsing closing tags

Here’s the code snippet that doesn’t get highlighted at all:

import React, { Component, PropTypes } from 'react';
import Todo from './Todo';

export default class TodoList extends Component {
  render() {
    return (
      <ul>
        {this.props.todos.map((todo, index) =>
          <Todo {...todo}
                key={index}
                onClick={() => this.props.onTodoClick(index)} />
        )}
      </ul>
    );
  }
}

TodoList.propTypes = {
  onTodoClick: PropTypes.func.isRequired,
  todos: PropTypes.arrayOf(PropTypes.shape({
    text: PropTypes.string.isRequired,
    completed: PropTypes.bool.isRequired
  }).isRequired).isRequired
};

I can reproduce this with 8.8.0. Removing the JSX part makes the highlighting work again.

[adrianmcli]

It’s 2017, is JSX support still not here?

[leebenson]

Still not working, using the default highlight.js plugin inside a Gitbook:

Switching to Prism fixes it: