szQocks

ошибка в том что ты из функции ничего не возвращаешь, то есть твоя функция getBase64 возвращает undefined

пример

Как-то так мб

const sleep = ms => new Promise(resolve => setTimeout(resolve, ms));

const connect_and_query = () => {
    const db = new sqlite3.Database('./db.db');
    
    return new Promise((resolve, reject) => {
      db.serialize(() => {
        db.all("SELECT * FROM table ORDER BY id;", (err, rows) => {
          if(err){
            reject(err)
          } else {
            resolve(rows)
          }
        });
      })
    }).finally(() => {
      db.close();
    });
} 


const f = () => Promise.all([sleep(1000),connect_and_query()]);

export default f;

пример:
f().then(res => console.log(res));

если юзаешь next 13 + с app директорией, забудь про всякие getStaticProps и getServerSideProps

в 13 нексте, там все компоненты по умолчанию - серверные, а в серверных компонентах доступен расширенный fetch через которые и получаешь данные где хочешь + это и есть грубо говоря твои новые getStaticProps и getServerSideProps, и самый прикол в том что и в клиентских и в серверных компонентах на выходе получаешь уже отрисованный html

на уровне app/blog - можешь создать layout.tsx, а все вложенные папки это и будут children которые попадают в этот layout.tsx - типа вложенных страниц, но на самом деле не так, layout.tsx - это просто обёртка

const BlogLayout = ({ children }) => {
    return (
        <section>
            <SomeComponent/>
            {children}
        </section>
    )
};

export default BlogLayout ;

><div class="box">
  <div class="l">Lorem ipsum dolor sit amet consectetur adipisicing elit. Porro ex cum nesciunt non itaque perspiciatis odio reiciendis voluptates optio excepturi? Reprehenderit ut illo harum quia minima odio vel cupiditate repudiandae?</div>
  <div class="r">  <div class="r__inner">Этот текст должен быть высотой не выше левой стороны, должен уходить в скролл, если надо. Lorem ipsum dolor sit amet consectetur adipisicing elit.</div></div>
</div>

.box {
  display: flex;
  border: 1px solid red;
}

.l {
  flex: 0 0 75%;
}

.r {
  flex: 0 0 25%;
  overflow-y: auto;
  position: relative;
}
.r__inner{
  position: absolute;
  top: 0;
  left: 0;
}
.l, .r {
  border: 1px solid blue;
  font-size: 30px;
}

демо

<div>
  <span>123</span>
  <p>Какой-то текст</p>
</div>

body{
  background: gray;
}

div{
  margin: 50px auto;
  width: 200px;
  height: 140px;
  background: radial-gradient(40px 40px at center top, transparent 100%, red 100%);
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  border-radius: 20px;
}

span{
  width: 65px;
  height: 65px;
  border-radius: 50%;
  color: firebrick;
  background: aqua;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: -32px;
}

https://reactrouter.com/en/main/upgrading/v6-data

используй RouterProvider, он может всё что и BrowserRouter и даже больше

location / {
        allow 33.33.333.333;
        deny all;

        root /var/www/test/client/public;
        try_files $uri $uri/ /index.html;
  }

Скорее всего ошибка в путях, либо не верно отслеживал событие.

const canvas = document.createElement('canvas');
canvas.width = 500;
canvas.height = 500;

const ctx = canvas.getContext('2d');

document.body.append(canvas);

let img = new Image();
img.onload = () => {
  ctx.drawImage(img, 0, 0);
}
img.src = "https://i.pinimg.com/originals/87/48/07/874807f8cb45e17f44312eb761261ad9.jpg";

Так происходит потому что метод push возвращает длину массива, а concat новый массив.
Тем самым ты изменяешь массив на длину массива когда возвращаешь длину массива

надо убедиться что везде где используется useDispatch и useSelector - это клиентские компоненты

не советую вообще забивать голову этим дерьмом, потому что разбивать серверную логику на 2 сервера - это самое ужасное что может быть, зачем вообще сделали разработчики эту возможность ? - для каких-то наверное нестандартных ситуаций, или где-то отключить кэширования и т.д, если кратко то, сделали скорее всего для гибкости и всё

максимум считаю нормой юзать middleware, для разделение роутов на защищённые и не защищённые

https://habr.com/ru/articles/490084/
раздел "Внутренние слоты и внутренние методы"

const button = document.querySelector('.test');
const circle = document.querySelector('.circle');

button.addEventListener('click', () => {
  circle.style.transform = `translate(-50%, -50%) rotate(${circle.style.transform+30}deg)`;
});