У меня возникла проблема с интеграцией кнопки Google, если использовать тёмную тему от bootstrap (data-bs-theme="dark"), то появляется белый задний фон у кнопки google, но при при светлой теме (data-bs-theme="light") такого нет. А если поставить белую тему, а на сайте через инспектор изменить тему на тёмную, всё работает должным образом.
Версии пакетов
react@18.3.1
@react-oauth/google@0.12.1
react-bootstrap@2.10.4
bootstrap@5.3.3
// index.html
<!DOCTYPE html>
<html lang="en" data-bs-theme="dark">
<body>
<div id="root" class="cover-container d-flex w-100 h-100 p-3 mx-auto flex-column" style="background: gray;"></div>
</body>
</html>
// App.js
import React from 'react';
import 'bootstrap/dist/css/bootstrap.css';
import { GoogleLogin, GoogleOAuthProvider } from '@react-oauth/google';
function App() {
return (
<GoogleOAuthProvider clientId="">
<GoogleLogin
onSuccess={''}
onError={() => console.error('Login Failed')}
theme="filled_black"
/>
</GoogleOAuthProvider>
);
}
export default App;
При использовании тёмной темы
При использовании светлой темы
