Насколько мне известно, Webpack по умолчанию не будет поддерживать кросс-браузерную поддержку API-интерфейсов браузера, для этого вам придется использовать полифилы , но они могут иметь недостаток в увеличении размера вашего пакета. В зависимости от того, какие функции вы используете, вы можете использовать целевые полифилы (только для одного или нескольких API) вместо общих, см. Отмена размеров пакетов ES6 Webpack .
Более конкретно к вашему вопросу - и в зависимости от того, для чего вы собираетесь использовать getBoundingClientRect()
- вы можете взглянуть на react-measure
, который является действительно хорошим пакетом, когда дело доходит до получения информации о размере вашего компонента. Я нашел его очень полезным при работе с расширенными приложениями компоновки реагирования и использую его в своем собственном компоненте компоновки с изменяемым размером: реаги-рефлекс .