How to fix this problem with reflection

Questions
1

Hello folks, I’m new to the forum, I added this example to my code , but reflection is shifted to the left side. I’ve tried changing parameters, but couldn’t fix it. What should i try to do?
three: “^0.165.0”
react-three/fiber: “^8.16.8”
My elements in code:

          <Ground />
        </group>
        <ambientLight intensity={0.5} />
        <spotLight position={[0, 10, 0]} intensity={0.3} />
        <directionalLight position={[0, 0, -40]} intensity={0.7} />
        <Intro />
      </Suspense>
    </Canvas>
</section>

<Text font=“/Inter-Bold.woff” textAlign=“center” fontSize={3} letterSpacing={-0.06} {…props}>
{“Hellow”}



<Reflector
  blur={[400, 100]}
  resolution={512}
  args={[10, 20]}
  mirror={0.5}
  mixBlur={6}
  mixStrength={1.5}
  position={[0, -1, 0]}
  rotation={[-Math.PI / 2, 0, Math.PI / 2]}
>
  {(Material, props) => <Material color="#a0a0a0" metalness={0.4} roughnessMap={floor} normalMap={normal} normalScale={[2, 2]} {...props} />}
</Reflector>

reflection
reflection700×532 44.1 KB

2

There are multiple factors that can cause this:

  1. Camera position
  2. Reflector Scale
  3. Position

Do you have a code sandbox for your code, if you have that would make it much easier to debug the issue.