Alexandroppolus

Это сделано для максимальной эффективности. В response есть заголовки ответа, но ещё не загрузился контент. И в этот момент ты можешь поиспользовать заголовки и стартовать ещё одну асинхронную операцию, которая будет параллельна загрузке контента. Или просто забить на контент, не ждать его. В общем, более тонкая настройка последовательности действий.

key={uuidv4()}

Из-за этого все LocationMarker перемонтируются вместо обновления. Попробуй заменить на key={elem}

Что-то эта твоя "сумма" подозрительно похожа на умножение. Потому и единица, иначе результат был бы 0.

root.render(
  <App />
);

https://www.npmjs.com/package/timeago.js
https://www.npmjs.com/package/javascript-time-ago

Похоже, тут обычный поиск в ширину. Сначала находишь первую вершину (просмотреть первую строку, потом вторую и т.д., первая попавшаяся звездочка будет поворотом или тупиком). Ну а далее все соседние звездочки - это соседние вершины, либо пути в соседние вершины (то есть в каждую сторону идешь прямо, пока встречаются "транзитные" звездочки, а именно ограниченные решетками или краями карты с двух противоположных сторон, и подсчитываешь длину пути).
Если в лабиринте только одно пространство, то обойдешь всё. Иначе надо после завершения обхода в ширину снова искать неотмеченные вершины.

Консюмер почти не используется, вместо него useContext.

А примеров - миллиарды. Тема, локаль. В библиотеках: хранение стора в реакт-редукс, хранение навигации в реакт-роутер, тема в стайлед-компонентс. Автор мобикса тоже советует сторы хранить в контексте. Это прям вот навскидку вспомнилось.

Вполне рабочий вариант. Я бы только обернул это дело в стрелочную функцию, чтобы на каждом рендере не лазить в локалсторадж

const [settings, setSettings] = useState<ISettings>(() => 
    localStorage.getItem("settings") == null ? defaultSettings : (JSON.parse(localStorage.getItem("settings")!) as ISettings)
  );