Как мне избежать сдвига макета при внедрении виджета сканера с доменом easydmarc в мой компонент NextJS? ⇐ CSS

[Anonymous]

На мобильном телефоне. После нажатия кнопки «Сканировать сейчас» нажимает отчет, который генерируется, вызывает смену макет. Я попытался изменить его динамически, но даже это не удалось. Секция сжимает, и макет все испортится. Я прикрепил свой код NextJS, вот ссылка на получение вашего собственного встроенного кода для тестирования: https://easydmarc.com/tools/domain-cannerобразной"use client";

import { useEffect, useRef } from "react";

const DomainTester = () => {
const containerRef = useRef(null);

useEffect(() => {
if (document.getElementById("easydmarc-script")) return;

const script = document.createElement("script");
script.id = "easydmarc-script";
script.src = `${process.env.NEXT_PUBLIC_EASYDMARC_URL}`;
script.async = true;

script.dataset.id = `${process.env.NEXT_PUBLIC_EASYDMARC_ID}`;
script.dataset.token = `${process.env.NEXT_PUBLIC_EASYDMARC_TOKEN}`;

containerRef.current?.appendChild(script);
}, []);

return (



);
};

export default DomainTester;



Подробнее здесь: https://stackoverflow.com/questions/796 ... -widget-in