Scaling down paths/elements on an svg with very high coordinates that have many decimal points

Let's say you have a list of coordinates like so: 2942852.602193035 472992.4195375803 How would you go about scaling these down so that they fit in an svg. Coordinates like 294.2852602193035 472.9924195375803 would fit, but scaling my lines to (.0001) with the scale property on my lines doesnt seem to work. It is fairly intricate linework. Does anyone have any suggestions?

Here's where you can check out some code: https://snack.expo.io/_-0M6dRP5

     <Svg
  height="1920"
  width="1080"
  fill="none"
  viewBox="294.2852602193035 472.9924195375803 897.8977111047134 1329.2074627304683"
  preserveAspectRatio='none'>
        {//this rectangle shows up }
        <Rect x="294.285534094599" y="472.6193465770291" width="300" height="300"
        fill="blue" onPress={()=>{alert('achoo!')}}/> 
        {//this one doesn't, even without the transform matrix}
        <G transform="matrix(1,0,0,-1,0,0)" scale="0.0001">
            <Rect x="2942855.34094599" y="472619.3465770291" width="300" height="300"
               fill="red" onPress={()=>{alert('achoo!')}}/> 
        </G>

</Svg>