В другом файле

Свитч ?

А зачем ты там юзаешь Бровсер роутер?

Если БровсерРоутеры забрать выдает ошибку ☝

как написать эти функции ввиде одной функции?

remove(obj) {
    this.financialService
      .deleteOne(obj.id)
      .subscribe(
        () => {
          this.refreshData()
        }
      )
  }

  sendForApproval(obj) {
    this.financialService
      .reject(obj.id)
      .subscribe(
        () => {
          this.refreshData()
        }
      )
  }

  rejected(obj) {
    this.financialService
      .sendToConfirm(obj.id)
      .subscribe(
        () => {
          this.refreshData()
        }
      )
  }

у тебя BrowserRouter должен быть поверх NavLink И поверх роутов

Была похожая ошибка - смотри адреса ссылок в link, у меня добавление точки перед / помогало - типа заменить абсолютный путь на относительный.

remove(obj) {
    this.financialService
      .deleteOne(obj.id)
      .subscribe(
        () => {
          this.refreshData()
        }
      )
  }

  sendForApproval(obj) {
    this.financialService
      .reject(obj.id)
      .subscribe(
        () => {
          this.refreshData()
        }
      )
  }

  rejected(obj) {
    this.financialService
      .sendToConfirm(obj.id)
      .subscribe(
        () => {
          this.refreshData()
        }
      )
  }

Если прям очень надо то можно попробовать скобочной нотацией повытягивать нужные методы

У вас меняется только одна строчка где меняется метод, их можно вынести в массив и форичем пройтись

Вот так? Не прокатило)

В чем ошибка ??

Роуты есть в App.js

Я только в самой прод сборке прописывал руками ( как решить нормально не нашел, похоже что то с конфигурацией homepage...

Так ты роуты пропиши сначала в отдельном файле

Скрин итогового html покажи

☝

Пропысал !!!!! В App.js

проблема в том, что с subscribe не все так просто, это же обсервабл