Nasıl bir hata döndürüyor ? Bunları bilmeden yardımcı olamaz insanlar. Biraz daha detaylı bilgi vermen gerekiyor

Neler yazdığınızı bilmediğim için benim yazdığım kısım tema renklerinin değişmesiyle alakalı. Projenizi bilmediğim için kesin bir şey diyemiyorum. Eksik gördüğünüz kısımda entegre etmeye çalışabilirsiniz

npm i objectifier --save

bu paketi yükledikten sonra deneyebilir misin

İlk olarak teker teker temalar için renkleri oluşturup bütün elementlere bunu vermen gerek.
Temaları listeleyip onclick olduğunda body'e örnek primary class'ını verirsin.Aşağıdaki kodu her desteklemek istediğin renk paketi için yazman gerek

body.primary{
    background:'aqua'
}
body.primary p{
    color:black
}

Renk kodlarını aşağıdaki gibi listeleyebilirsin.

    <ul>
        <li data-theme="default">Default</li>
        <li data-theme="primary">Primary</li>
        <li data-theme="dark">Dark</li>
    </ul>

Tıklandığında body'e data-theme içerisinde yazdığımız değeri class olarak veriyoruz.

    const colorPickers = document.querySelectorAll('ul li');
    colorPickers.forEach((picker) => {
        picker.addEventListener("click",function(){
        document.body.classList.remove("default", "primary", "dark");
        const theme = this.dataset.theme
        if(theme === "default")
          return;
        document.body.classList.add(theme)
  })
})

Devamı senin projene göre şekillenir

focused diye bir state oluşturmana gerek yok.WordResult componentine tıklanınca yönlendirmeni yap ve setInputData ' ı null olarak güncelle.Mantık olarak şuan yazdığın kodlar çalışması gerek ama bütün kodları göremediğimiz için başka bir sorun olabilir

En son resmi koymasının sebebi foreach ile dönerek ss_dosya_adi adlı fieldi güncelliyorsun. Burası bir array olmalı ve arrayin icine eskileride alıp yenisini pushlaman gerek.Böyle sadece x = 1 , x = 2 demiş gibi olursun

 $myObj->ss_dosya_adi = [];
 
    foreach($icerikid as $index => $names) {
            $icerikid = $names;
            $filename = $icerikid.".json";
            array_push($myObj->ss_dosya_adi,$dosya_adi);
            $dizijson = json_encode($myObj);
            file_put_contents($filename, $dizijson);
            if(move_uploaded_file($gecici_yol, "../../images/indexurunler/" . $dosya_adi)) {
                echo "Aktarıldı";
            }
    }
    

Bootstrap tooltipi dom içerisinde erişebildiği elementlere bu özelliği verir. Before ve after pseudo'ları dom'dan erişilemez.Yani o yöntemle yapamazsın.
O kareleri before yerine html tagıyla yapıp position vs oynayarak düzenleyebilirsin

reduce fonksiyonu işini görecektir.

const fetchProps = (id) => this.fetchProps(id)
Promise.all([...itemIds.reduce((p,c) => [...p, fetchProps(c)],[])])