Некоторые подходы для создания пользовательских компонентов-обёрток в React с использованием Suspense:

• Создание функционального компонента, который принимает в качестве свойств (props) необходимые параметры, например src и style. 1 Затем этот компонент оборачивается в Suspense, и для него предоставляется интерфейс fallback, например индикатор активности. 1
• Использование переменной ресурса (Resource). 2 Это объект, который представляет асинхронные данные, необходимые компонентам. 1 Ресурс можно создать с помощью функции, которая возвращает Promise. 1 React будет обрабатывать загрузку данных и предоставлять их компонентам, когда они будут готовы. 1
• Создание пользовательского хука для работы Suspense. 3 Например, можно создать метод-утилиту для обертывания запроса Axios, чтобы он работал с Suspense. 3
• Использование свойства fallback компонента Suspense. 34 С его помощью можно передать компонент, который будет отображаться до загрузки дочернего компонента. 3
• Применение компонента Error Boundary. 4 Его можно использовать в любом месте над ленивыми компонентами для отображения ошибки, если один из модулей не загружается (например, из-за сбоя сети). 4