JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://api-maps.yandex.ru/2.0/?load=package.full&lang=ru-RU" type="text/javascript"></script>
<div id=rez1></div>
<div id=rez2></div>
<div id=rez3></div>
<div id=rez4></div>

JavaScript

// [[57.62, 39.87], [56.025, 38.981]] -- не работает
//  [[55.76, 37.64], [56.025, 38.981]] -- работает
var x
x=ymaps.util.bounds.getCenterAndZoom(    [[57.62, 39.87], [56.025, 38.981]],
                [400, 200]
                )
    $('#rez1').text('ZOOM: '+x.zoom)
x=ymaps.util.bounds.getCenterAndZoom(    [[55.76, 37.64], [56.025, 38.981]],
                [400, 200]
                )
    $('#rez2').text('ZOOM: '+x.zoom)
x=ymaps.util.bounds.getCenterAndZoom(    [[57.62, 37.88], [56.025, 38.981]],
                [400, 200]
                )
    $('#rez3').text('ZOOM: '+x.zoom)
x=ymaps.util.bounds.getCenterAndZoom(    [[55.76, 38.00], [56.025, 38.981]],
                [400, 200]
                )
    $('#rez4').text('ZOOM: '+x.zoom)