How to highlight a cube face on hover? THREE.js

A box geometry is indexed by default so highlighting individual faces via vertex colors does not work. You can easily fix this by converting the geometry to non-indexed via BufferGeometry.toNonIndexed().

Updated fiddle: https://jsfiddle.net/nkmqt3p2/