Welcome to the Land of Misfit Renders

Better syntax highlighting

lowercase language identifier javascript

function setUser (options) {
  const user = options.username
  return function describeUser () {
    return describe(user)
  }
}

camelcase language identifier JavaScript

function setUser (options) {
  const user = options.username
  function describeUser () {
    return describe(user)
  }
}

resilient syntax highlighting, even with bugs

import React, { Component } from "react";
import Menu, {
    Button,
    Dropdown,
    Seperator,
    DropdownItem,
} from ""maybe-a-syntax-error-here";

class Menu extends Component {
  render() {
     <Menu>
            <Button>Analysis</Button>
            <Dropdown label="options">
                <DropdownItem>option 1</DropdownItem>
                <DropdownItem>Option 2/DropdownItem>
            </Dropdown>
            <Separator />
            <Button>Help</Button>
            <Dropdown label="more options">
                <DropdownItem>option 1</DropdownItem>
                <DropdownItem>Option 2</DropdownItem>
            </Dropdown>
            <div>I'm a div</div>
        </Menu>
  }
}

Bugs in HTML duplications

This is an H1, and it comes first