GNG999

NAS относится к интернет магазину примерно никак.
NAS - это просто место где лежат файлы, любые файлы - хранилище файлов. Это не веб сервер. Вы не сможете на NAS запустить свой сайт - он не предназначен для этого.
Вы можете использовать NAS для хранения файлов вашего магазина, можете не использовать. Безразлично. Файлы магазина обычно можно перенести в процессе куда угодно без больших проблем.
Обычно начинают с простого варианта - все файлы лежат локально на веб сервере. По мере увеличения нагрузки можно думать об оптимизации.

Если там хитрая логика, то лучше вынести в отдельную функцию и к ней наколбасить тестов через чистый jest. Эта функция должна получать все данные, с которыми работает, через параметр. Например, твой handleChangeRoadCosts сейчас берет некую data из замыкания, а надо это передавать доп. параметром. Тогда ты легко напишешь тесты.

В самом компоненте остаётся обезжиренный вариант, не требующий тестов:

import {myFunc} from '....';

........
const handleChangeRoadCosts = (id: number, keyVal: string, val: string) => {
    return myFunc(id, keyVal, val, data);
};

Можно сразу удалить в строке лишние пробелы в начале и конце, после чего разбить её по пробелам:

const nameParts = name.trim().split(/\s+/);
if (nameParts.length !== 3) {
    errorDispatching('Введите фамилию, имя, отчество');
    return;
}

React assumes that every component you write is a pure function. This means that React components you write must always return the same JSX given the same inputs (props, state, and context).
Components breaking this rule behave unpredictably and cause bugs. To help you find accidentally impure code, Strict Mode calls some of your functions (only the ones that should be pure) twice in development.

https://react.dev/reference/react/StrictMode#fixin...

Since Next.js 13.4, Strict Mode is true by default with app router. You can still disable Strict Mode by setting reactStrictMode: false.

https://nextjs.org/docs/app/api-reference/next-con...

имена переменных бери из строки:

const connectionString = `postgresql://${process.env.POSTGRES_USER}:${process.env.POSTGRES_PASSWORD}@${process.env.POSTGRES_HOST}:${process.env.POSTGRES_PORT}/${database}`;

Хост у тебя судя по скрину - localhost, в крайнем случае используй то что возвращает консоль по команде hostname

чтобы понять что происходит, назначение ключей psql смотри в документации или по команде psql --help
p.s. смотри внимательно сообщение об ошибке
в особо извращенных случаях сервер может быть не локальным, а его адрес прописан у пользователя в домашнем каталоге в .pgpass или pg_service.conf

Мск это UTC + 3, можно так:

(new Date().getUTCHours() + 3) % 24

Если нужен только час.

В action ты кладёшь функцию onClick с сигнатурой (item: LinkItem) => void, а требуется (data: MobileMegaMenuItem | LinkItem) => void, , т.е. функция которая умеет работать и с тем и с тем. Подразумевается что onClick как раз не умеет и может привести к ошибке, потому и не даёт.

Используй дженерик чтобы вывести конкретный тип:

export const useOpenMenuByHash = <Data extends MobileMegaMenuItem | LinkItem>(
    data: Data[],
    action: (data: Data) => void,
    actionRoom?: () => void
) => {
  //...
};

useOpenMenuByHash(data, onClick); // ok

Ну или кастуй руками:

useOpenMenuByHash(data, onClick as (d: LinkItem | MobileMegaMenuItem) => void);

В Яндексе их нет.
Либо поднимай свой фиас, либо пользуйся как нибудь сервисом типа dadata.
Ну и кладр много лет как закрыли же - вместо него ГАР/ФИАС.

Смотря о каком коде вы говорите. response.json() будет ждать окончания запроса, setCart будет ждать json, setPreloader будет ждать их обоих или падения.
Но если вы что-то напишете вне then, после fetch, оно ничего ждать не будет (если бы так работало, то зачем вообще нужен был бы then?).

Здесь, в разделе "props", вы можете найти способ получения экземпляра карты.

А здесь, в разделе "методы", вы можете узнать, как, имея на руках экземпляр карты, получить нужные вам координаты.