Как изменить правила маршрутов одностраничного React приложения для деплоя на gh-pages?

В файле index.js добавили импорт
import { HashRouter } from "react-router-dom";
и изменили

ReactDOM.render(
  <Provider store={store}>
    <HashRouter>
      <App />
    </HashRouter>
  </Provider>,
  document.getElementById("root")
);

Маршрут к логотипу не поменялся и, как и прежде его не видит приложение. Что ещё надо изменить, чтобы получить ожидаемый результат? Необходимо ли менять путь к файлу логотипа в файле приложения App.js?

Сейчас он выглядит так.

<StyledLogo alt={"logo"} src={"/config/images/logo.png"} />

Как найти и заменить часть значения в файле json?

Алексей Ярков, Спасибо за два варианта. Использую этот:

`${basePath}/build/json/${item.name.split('#').pop()}.json`,

Как найти и заменить часть значения в файле json?

Алексей Ярков, Строка кода:
name: `Name #${item.id}`,
Выдает значение:
Name #0
Могу ли я как то использовать число после #?
Чтобы указать его вместо "edition" здесь?

fs.writeFileSync(
    `${basePath}/build/json/${item.edition}.json`,
    JSON.stringify(item, null, 2)

Как найти и заменить часть значения в файле json?

Алексей Ярков, Это продолжение Вашего кода:

... const newData = data.map((item) => ({
    name: `Name #${item.id}`,
//    description: "description",
    image: `QWERTY/${item.id}.png`,
    edition: `${item.id}`,
    attributes: Object.values(item.accessories).map((accessory) => ({
      trait_type: 'accessory',
      value: accessory,
    })).concat([{
      trait_type: 'type',
      value: item.type,
    }]),
  }));
  
//console.log(newData);
//console.log(JSON.stringify(newData, null, 2));

Как найти и заменить часть значения в файле json?

Алексей Ярков, В продолжение этого кода. Теперь хочу разделить массив с объектами на отдельные файлы. Вот пример:

//console.log(newData);
//console.log(JSON.stringify(newData, null, 2));

// read json newData
let rawdata = (JSON.stringify(newData, null, 2));
// fs.readFileSync(`${basePath}/build/json/_metadata.json`);
let parserData = JSON.parse(rawdata);

parserData.forEach((item) => {
  item.name = item.name
  item.image = item.image
  item.attributes = item.attributes

  fs.writeFileSync(
    `${basePath}/build/json/${item.edition}.json`,
    JSON.stringify(item, null, 2)
  );
});

fs.writeFileSync(
  `${basePath}/build/json/_metadata.json`,
  JSON.stringify(parserData, null, 2)
);

Это рабочий вариант. Можно ли обойтись без добавления "edition"?

Как найти и заменить часть значения в файле json?

Алексей Ярков, Спасибо огромнейшее!

Как найти и заменить часть значения в файле json?

Алексей Ярков, У меня не получается запустить Ваш вариант.

[
  {
    name: 'Name #0',
    attributes: [ [Object], [Object], [Object], [Object] ]
  },
  { name: 'Name #1', attributes: [ [Object], [Object], [Object] ] }
]

Как найти и заменить часть значения в файле json?

Алексей Ярков, Огромная вам благодарность. Пробую на JS написать. Вот результат:

at Module._compile (node:internal/modules/cjs/loader:1101:14)
    at Object.Module._extensions..js (node:internal/modules/cjs/loader:1153:10)
    at Module.load (node:internal/modules/cjs/loader:981:32)
    at Function.Module._load (node:internal/modules/cjs/loader:822:12)
    at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:79:12)
    at node:internal/main/run_main_module:17:47

Я так понимаю, что я должен знать какие модули необходимо устанавливать?

Как найти и заменить часть значения в файле json?

Алексей Ярков, Спасибо за подсказку, что надо поменять структуру из одной в другую. Язык не важен. Пытаюсь написать на JS))

Как найти и заменить часть значения в файле json?

Да