// Websocket başlatma fonksiyonu
        function initWebSocket(url) {
            const ws = new WebSocket(url)
            ws.onmessage = (e) => {
                resultWebSocket(JSON.parse(e.data).c);
            }
        }

        // WebSocketden gelen değeri kullanmanı sağlayacak fonksiyon
        function resultWebSocket(data) {
            // data değeri websocket geliyor
            console.log(data);
        }

        // Websocket işlemini başlatma
        initWebSocket('wss://stream.binance.com:9443/ws/btcusdt@ticker');

Bu kodun işini görür diye umuyorum.

    let c; 
    const ws = new WebSocket('wss://stream.binance.com:9443/ws/btcusdt@ticker')
    ws.onmessage = (e) => {
        const data = JSON.parse(e.data)
        console.log(data.c)
        c = data.c
    }
    
    console.log(c)
    

bu şekilde fonksiyon dışında bir değişkene atarsan kullanabilirsin.

Header BrowserRouter içinde olmadığı için olabilir bir de alttaki gibi denermisin.

import HeaderComp from "./components/HeaderComp";
import { Switch, Route, BrowserRouter } from 'react-router-dom';
import MainPage from "./components/MainPage";
import HelpPage from "./components/HelpPage";
import DownloadPage from "./components/DownloadPage";
import SearchPage from "./components/SearchPage";
import DonatePage from "./components/DonatePage";

function App() {
  return (
      <BrowserRouter>
        <div>
          <HeaderComp />
          <main>
            <div>
                <Switch>
                  <Route path="/" exact>
                    <MainPage />
                  </Route>
                  <Route path="/download" exact>
                    <DownloadPage />
                  </Route>
                  <Route path="/search" exact>
                    <SearchPage />
                  </Route>
                  <Route path="/help" exact>
                    <HelpPage />
                  </Route>
                  <Route path="/donate" exact>
                    <DonatePage />
                  </Route>
                </Switch>
            </div>
    
    
          </main>
        </div>
    </BrowserRouter>
  );
}

export default App;

Seçtiğin elemanlara ortak bir seçici verip hepsini seçebilirsin.

Mesela class="bir" dersin ardından aşağıdaki kodda olduğu gibi hepsini seçersin.

    const birds = document.querySelectorAll('.bir')
    
    console.log(birds[0])