Александр

https://codesandbox.io/s/qna-q-1137116-i809oq?file...

Для начала можно так. Либо смотреть вёрстку окна и изменять логику иначе.

- modal.classList.add('modal_show')

const modalContent = modal.querySelector('.modal__content')
if ( (modal.classList.contains('modal_show')) && (e.target != modalContent) ) {
    modal.classList.remove('modal_show')
+ } else {
+     modal.classList.add('modal_show')
+ }

arr.filter(entry => entry.length >= 2 && entry.length <= 7)

let p = new Promise((res, rej) => {
    // Ждем 7сек; вызываем функцию res с аргументом 2
    setTimeout(res, 7000, 2);
})
    // Возвращаем новый промис; ждем 5сек; вызываем функцию res с аргументом 6 (2 + 4)
    .then((data) => new Promise((res) => setTimeout(res, 5000, data + 4)))
    .then((data) => console.log('data', data)); // 'data' 6

setTimeout(() => console.log(p), 10000); // Просто выведем промис

Вы так не можете сделать по очень простой причине - вы заменяете значение переменной, которое было ссылкой на объект, а не значение в ссылке.

{MenuItems.map((item) => Object.entries(item).map(([headers, headersItems]) => (
    <div className={s.wrapperSections}>
        <img src={tile} alt={Object.entries(headersItems)[0][0]} />
        <span>{headers}</span>
   </div>
))}

Скорее лучше использовать useState<T | null>(null), т.к. в таком случае можно легко проверить значение в условном рендеринге. А если Вы объявите в вашем компоненте нечто вроде React.FC<{ data: T }>, то Object (точнее ничего, кроме T честным путём) не сможете внутрь прокинуть.

https://codesandbox.io/s/qna-q-1135320-6iz66s

const formatter = new Intl.DateTimeFormat('en-US', {
    timeZone: 'America/New_York',
    weekday: 'long',
    hour12: false,
    hour: 'numeric',
    minute: 'numeric'
});

const parts = formatter.formatToParts(new Date()).reduce((acc, entry) => ({
    ...acc,
    [entry.type]: entry.value
}), {});

console.log(parts); // {weekday: 'Thursday', literal: ':', hour: '12', minute: '19'}

Этот код написал для Node.js с использованием стандартного модуля crypto. Для запуска Вам потребуется установить среду исполнения Node.js, создать директорию для работы, в которую необходимо будет поместить Ваш файл и package.json (npm init -y). В приведённом Вами коде используются ES6-импорты (ESM-импорты), которые сразу не будут работать в Node.js, т.к. в нём используются CommonJS-импорты. Для решения данной проблемы у Вас есть два пути:
1. Добавить "type": "module"в package.json:

{
  ...
  "type": "module",
  ...
}

2. Изменить подключение модулей в исходных кодах:

- import * as crypto from 'crypto';
+ const crypto = require('crypto');

Вывод:

$ node .
cVoADkhcldK+mYC3Id5vhkxOr4NwVspTcgF56RiRG0CzcnOcBwcELKi1YnBNySmZugpjJNHuCU7ePjwVadqfAw==

https://codesandbox.io/s/qna-q-1131330-55d4th

interface IWrapper<T> {
  component: T;
}

const Wrapper = <T extends React.ComponentType<any>>({
  component: Component,
  ...props
}: React.PropsWithChildren<IWrapper<T> & React.ComponentProps<T>>) => <Component {...props} />;

Если надо, чтобы точки 5x5 пикселей именно совпали: transform-origin: 42.5px 152.5px;

Math.random().toString(36).slice(2)
или
Date.now()
или
crypto.randomUUID() (docs)
или

const digitValues = new Uint8Array(16);
crypto.getRandomValues(digitValues);
const randomHash = hexValues = [...digitValues]
	.map(value => value.toString(16).padStart(2, '0'))
	.join('');

mod1.js

export const sum = (a, b) => a + b;
export const diff = (a, b) => a - b;

mod2.js

export const multiply = (a, b) => a * b;
export const divide = (a, b) => a / b;

module.js

export * as Mod1 from './mod1.js';
export * as Mod2 from './mod2.js';

main.js

import * as M from './module.js';

console.log(M.Mod1.sum(1, 2)); // 3
console.log(M.Mod2.multiply(5, 3)); // 15

/**
 * @param {MouseEvent} event
 */
function onButtonDown(event) {
    alert(event);
}

Так случается потому, что неизвестно для чего Вы будете использовать функцию и вне addEventListener её контекст выполнения потерян, вот типизация и отсутствует.

const unwrap = (element) => {
    element.replaceWith(...element.children);
};

unwrap(document.querySelector('.div'));