Нурислам Нагашыбай

Открываем страницу библиотеки https://www.npmjs.com/package/redux-thunk и видим - 3 246 010 скачиваний за неделю. Я думаю, ответ очевиден.

1. установите cross-env (npm i -D cross-env)
2. укажите в секции "scripts" к требуемой команде cross-env, например:

"debug": "cross-env NODE_OPTIONS='--inspect' next dev"

3. пользуйтесь на здоровье

страница попросту ничего не показывает, чисто белый фон

В подобных ситуациях ещё неплохо бы в консоль заглядывать.
Там ошибки могут вываливаться.

Ошибки, которые заметил

Ошибка №1:
Из библиотеки `react-router-dom` импортируется не `Router`, а `BrowserRouter`
Но для удобства его можно импортировать, переименовав в `Router`
Как у Вас:
import {Router,Route} from 'react-router-dom';
Как должно быть

import { BrowserRouter as Router, Routes, Route } from "react-router-dom";

Ошибка №2
Компоненты `Route` нужно помещать внутрь компонента `Routes`
Сначала его нужно импортировать

import { BrowserRouter as Router, Routes, Route } from "react-router-dom";

Потом в него нужно вложить компоненты `Route`

function App() {
  return (
    <Router>
      <Routes>
        <Route path="/" element={<Home/>}/>
      <Routes/>
    </Router>
  );
}

Ошибка №3
В компоненте `Route` нужно указывать атрибут/проп не `component`, а `element`
Как у Вас:
<Route path='/Dialogs' component={</Dialogs>} />
Как должно быть:
<Route path="/dialogs" element={Dialogs}/>

for(var i = 0; i < tabss.children.length;i++); {
        tabss.children[i].classList.add('active')
}

Внимание на последнюю точку с запятой, которой, очевидно, быть не должно - из-за неё тело цикла получается пустым, код в фигурных скобках выполняется после цикла, когда переменная i имеет значение tabss.children.length, элемента с таким индексом в tabss.children нет, ну и... ошибку вы видели.