zeng124

Я смог решить это! Если кто то вдруг столкнулся с такой же проблемой как у меня то вот ее решение

const container = document.getElementById("<id_name>");
render(<"File_name" />, container);

этот код я полностью убрал из всех файлов, а index.js выглядит так

import React from 'react'
import ReactDOM from 'react-dom'
import Product from './components/Product'
import Saller from './components/Saller'
import App from './components/App'

const url = document.URL.split('/')[3].split('?')[0]
if (url == "search") {
  ReactDOM.render(
    <App />,
    document.getElementById('app')
  )
  
} else if (url == "card") {
  ReactDOM.render(
    <Product />,
    document.getElementById('product')
  )
} else if (url == "saller") {
  ReactDOM.render(
    <Saller />,
    document.getElementById('saller')
  )
}

В переменой url идет проверка самого url и если этот url нужно использовать с приложение указываем его
Например есть ссылка https://pypa:8000/lypa/main/38
И мы забираем кусочек этой ссылки lypa/main
И дальше проверяем его, если же в if else if будет истина то используем то приложение которое указана после