Multistyle multigeometry draw bug about openlayers HOT 3 CLOSED

const pointStyle = (geometry) => [
  new Style({
    geometry,
    image: new Circle({
      radius: 10,
      fill: new Fill({color: '#000'}),
      stroke: new Stroke({color: '#f00', width: 2}),
    }),
  }),
  new Style({
    geometry,
    image: new Circle({radius: 6, fill: new Fill({color: '#fff'})}),
  }),
];

layer.setStyle((feature) =>
  feature
    .getGeometry()
    .getPoints()
    .map((point) => pointStyle(point))
    .flat()
);

const styles = [
  new Style({
    image: new CircleStyle({
      radius: 10,
      fill: new Fill({color: '#000'}),
      stroke: new Stroke({color: '#f00', width: 2})
    })
  }),
  new Style({
    image: new CircleStyle({radius: 6, fill: new Fill({color: '#fff'})})
  })
];

const layer = new VectorLayer({
    source: new Vector({
      features: [
        new Feature({geometry: new Point([-100000, -100000])}),
        new Feature({geometry: new Point([100000, -100000])}),
        new Feature({geometry: new Point([100000, 100000])}),
        new Feature({geometry: new Point([-100000, 100000])})
      ]
    }),
    style: () => styles
});

const layer = new VectorLayer({
  source: new Vector({
    features: [
      new Feature({
        geometry: new MultiPoint([
          [-100000, -100000],
          [100000, -100000],
          [100000, 100000],
          [-100000, 100000]
        ])
      })
    ]
  }),
  style: () => styles
});