Hexagon requires layout

[aaronzshey]

For an unknown reason, the Hexagon component gets its points from a "LayoutContext". Thus, a Hexagon requires a Layout tag to appear. Really strange will resolve asap.

[aaronzshey]

ref:

react-hexgrid/src/Layout.tsx

Line 114 in 405978c

const cornerCoords = calculateCoordinates(size.x, angle)

calculateCoordinates should be used directly in the Hexagon tag. The Layout tag should only be used for grouping - it should be turned into a simple tag.

[aaronzshey]

Finally figured out why we need Layout for a Hexagon. It looks more and more like the original author just copied code from https://www.redblobgames.com/grids/hexagons/

Layout.tsx creates LAYOUT_FLAT:

react-hexgrid/src/Layout.tsx

Line 18 in 405978c

const LAYOUT_FLAT = new Orientation(

and LAYOUT_POINTY

react-hexgrid/src/Layout.tsx

Line 29 in 405978c

const LAYOUT_POINTY = new Orientation(

However, LAYOUT_FLAT is hardcoded in and is the only layout ever used:

react-hexgrid/src/Layout.tsx

Line 47 in 405978c

orientation: LAYOUT_FLAT,

Adding a flat or pointy option is low priority. For now, I will hardcode all the values and put them straight into the Hexagon component.

[aaronzshey]

see branch no-layout: 73b8798

While it works, as it turns out Layout exposes a prop to switch from flat to pointy. I will add this to the Hex tag

[aaronzshey]

#41