import { useMirror } from 'react-mirror';

function App() {
  const [ref, reflection] = useMirror({ className: 'mirror-frame' });
  return (
    <>
      <div ref={ref} />
      {reflection}
    <>
  );
}

import React from 'react';
import { Mirror } from 'react-mirror';

function App() {
  const [reflect, setReflect] = React.useState(null);
  return (
    <>
      <div ref={setReflect} />
      <Mirror reflect={reflect} className='mirror-frame'/>
    <>
  );
}