ЯсноПонятно24

Для того чтобы отобразить задний фон при открытии компонентов, обернутых в Modal, с использованием backgroundLocation, вам нужно передать backgroundLocation в компонент Modal и использовать его для стилизации заднего фона.

Пример:

<Route
  path='/feed/:number'
  element={
    <Modal
      title='Информация о заказе'
      onClose={() => {
        handleCloseModal;
      }}
      backgroundLocation={backgroundLocation}
    >
      <OrderInfo />
    </Modal>
  }
/>

Затем в компоненте Modal вы можете использовать backgroundLocation для стилизации заднего фона:

const Modal = ({ title, onClose, children, backgroundLocation }) => {
  return (
    <div className="modal" style={{ background: `url(${backgroundLocation})` }}>
      <div className="modal-content">
        <div className="modal-header">
          <h2>{title}</h2>
          <button onClick={onClose}>Закрыть</button>
        </div>
        <div className="modal-body">
          {children}
        </div>
      </div>
    </div>
  );
};

Таким образом, при открытии компонента в Modal задний фон будет отображаться с использованием переданного backgroundLocation.