shtokol

Это тема архитектуры проекта и тут нет однозначного ответа, все зависит сугубо от конкретного проекта, если redux не используется, то что мешает его внедрить? если нет возможности, то используйте контекст это единственный адекватный вариант, ни пропсами же все прокидывать из компонента в компонент, но у контекста есть твои минусы к примеру большое количество перерендеров, на данный момент нет ничего лучше чем redux или box, можно еще создать хук в котором будет прописала логика запроса и вызывать его в нужном компоненте, но такие варианты подойдут для не больших проектов

а что мешает тег обернуть в нужную ссылку?

Не совсем понятна вот это запись const breakpoint: number = 1350;, что это за синтаксис такой?

Вот вам вариант кастомного хука

сам хук
import React, { useState, useEffect } from 'react';

// кастомный хук ширины и высоты экрана
export const useWindowSize = () => {
const [sizeWindow, setWindowSize] = useState([window.innerWidth, window.innerHeight]);

useEffect(() => {
const handlWidth = () => setWindowSize([window.innerWidth, window.innerHeight]);
window.addEventListener('resize', handlWidth);

return () => {
window.removeEventListener('resize', handlWidth);
}
});
return sizeWindow;
}

его использование
import './App.css';
import { useWindowSize } from './hooks/useWindowSize';

function App() {
const [widthWindow, heightWindow] = useWindowSize();

return (

ширина - {widthWindow}


высота = {heightWindow}

);
}

export default App;