а онлайн сервисы записывают все входные файлы как минимум чтобы повторно не обрабатывать одно и тожеесли знаете таковых - по рукам надавать. Во-вторых, открываете консоль, отслеживаете запросы - запросов нет, всё норм, никуда ничего не шлётся. В третьих - тогда руками модифицируйте, раз такие большие проблемы.
import React, { useState } from 'react';
export const Demo = () => {
const [hidden, setHidden] = useState(false);
const hideBlock = () => setHidden(true);
return (
<div style={{
padding: 20,
backgroundColor: 'tomato'
}}>
{!hidden && <button onClick={hideBlock}>Hide me</button>}
</div>
);
};
const cases = [
`\n`,
`asd\n`,
`dsa\nasd`,
`\\`,
`\\n`,
`a1sd\n`,
`dsa\n2asd`,
`asd\asd`,
`dsa\n asd`,
];
const esc = str => str.replace(/\r\n|\r|\n/g, '\\n');
for (const variant of cases) {
console.log(esc(variant), /^[a-zA-Z\n]*$/g.test(variant));
}
/*
\n true
asd\n true
dsa\nasd true
\ false
\n false
a1sd\n false
dsa\n2asd false
asdasd true
dsa\n asd false
*/
data-flag
там в коде. data-value
максимально неинформативен в данном случае.