I have thin lines appearing having the background color in this SVG in Chrome and Edge but not in Firefox when nine white squares are adjacent.
Is this inherent to SVG or a bug?
If not a bug is there a way to get rid of these thin lines?

this is the source code of the SVG

<svg id="SVGCanvas" xmlns="http://www.w3.org/2000/svg"  xmlns:xlink="http://www.w3.org/1999/xlink" style="background: #000000" viewBox="-1 -1 5 5" >
    <g>
        <rect x="0" y="0"  width="1" height="1" fill="white"/>
        <rect x="0" y="1"  width="1" height="1" fill="white"/>
        <rect x="0" y="2"  width="1" height="1" fill="white"/>
        <rect x="1" y="0"  width="1" height="1" fill="white"/>
        <rect x="1" y="1"  width="1" height="1" fill="white"/>
        <rect x="1" y="2"  width="1" height="1" fill="white"/>
        <rect x="2" y="0"  width="1" height="1" fill="white"/>
        <rect x="2" y="1"  width="1" height="1" fill="white"/>
        <rect x="2" y="2"  width="1" height="1" fill="white"/>
    </g>
</svg>