Flag Series won't render unless a child of YAxis

[hukka]

Bug or Feature Request?

I expected it to work (so bug) since in plain Highcharts the flags series does not need a reference to any Y axis, but might be a design choice. An example or console warning might be good in that case.

Description

https://github.com/whawker/react-jsx-highcharts/wiki/Series mentions

Note In the vast majority of cases, a series should be wrapped in an Axis component.
but it seems that in every case the Series must be wrapped in the Axis. This makes sense when rendering flags on top of the pane or the series as in the example at https://www.highcharts.com/demo/stock/flags-placement as those need references to the Y axis or the series, but placing on the axis would seem logical outside any Y axis.

How to reproduce

Put a <Series type="flags"> directly as a child of a chart, instead of YAxis.

Live demo demonstrating bug

https://stackblitz.com/edit/base-chart-example-broken-flagsseries?file=MyChart.js
https://stackblitz.com/edit/base-chart-example-working-flagsseries?file=MyChart.js

[anajavi]

There was a warning in early hooks conversion code:

react-jsx-highcharts/packages/react-jsx-highcharts/src/components/Series/Series.js

Lines 34 to 39 in 357cbee

	/*
	if (defaultTo(restProps.requiresAxis, true)) {
	const axis = getAxis();
	if(!axis) throw new Error(`Series type="${restProps.type}" should be wrapped inside Axis`);
	}
	*/

However the axis can be null on first render, if axis is not in the context yet. So warning about it cannot be done on component body.

And to make it work the flagsseries needs to be declared with <FlagsSeries />.

The vanilla highstock actually always creates yaxis.