How to obtain a set of points on the coordinate plane?

I decided to get rid of the global variables and all data necessary for work functions and pass it through the parameters. For the problem of obtaining the set of points on the coordinate plane I wrote the following code:

walls const$ = combineLatest(
 range(0, constants.wallsCnt),
of(constants.canvasWidthPx),
of(constants.canvasHeightPx),
of(constants.wallSizePx),
)
.pipe(
 map(([range, canvasWidthPx, canvasHeightPx, wallSizePx]) => {
 return {
 x: Math.floor(Math.random() * Math.floor(canvasWidthPx - wallSizePx)),
 y: Math.floor(Math.random() * Math.floor(canvasHeightPx - wallSizePx)),
 strength: Math.floor(Math.random() * Math.floor(constants.wallStrengthMax)) + 1,
}
}),
toArray(),
 tap(v => {
console.log(v)
}),
).subscribe()

The problem is that I get the output only one point, although I should get 3. Because
constants.wallsCnt = 3

It is noteworthy that the problem is solved if you rewrite the code using the global variables:

walls const$ = range(0, constants.wallsCnt)
.pipe(
 map(_ => {
 return {
 x: Math.floor(Math.random() * Math.floor(constants.canvasWidthPx - constants.wallSizePx)),
 y: Math.floor(Math.random() * Math.floor(constants.canvasHeightPx - constants.wallSizePx)),
 strength: Math.floor(Math.random() * Math.floor(constants.wallStrengthMax)) + 1,
}
}),
toArray(),
)

But I need it in the first option. Please help to fix the code.

Don't ask why I need it. I'm writing a small 2D game, full code here, if interested.