Для настройки конфигурации SVGR в проекте на NextJS вам необходимо создать файл `next.config.js` в корне вашего проекта. В этом файле вы можете использовать `@svgr/webpack` для настройки изменения размеров и цвета SVG изображений.
Вот пример файла `next.config.js`:
```javascript
const path = require('path');
module.exports = {
webpack(config) {
config.module.rules.push({
test: /\.svg$/,
use: [
{
loader: '@svgr/webpack',
options: {
svgoConfig: {
plugins: [
{ removeViewBox: false },
{ cleanupIDs: false },
],
},
},
},
],
});
return config;
},
};
```
В этом примере мы добавляем правило для обработки файлов SVG с помощью `@svgr/webpack` и указываем опции для настройки SVG.
Для получения более подробной информации о возможных опциях и настройках вы можете посетить официальный сайт SVGR: https://react-svgr.com/docs/options/
Также, стоит учесть, что в вашем файле GoogleSVG.js, вам необходимо импортировать изображение, как реакт-компонент, а не как URL. Например:
```javascript
import GoogleSVG from './google.svg';
const MyComponent = () => {
return <GoogleSVG />;
};
```
Это позволит SVGR обрабатывать SVG изображение и применять определенные настройки из вашего `next.config.js`.
Надеюсь, это поможет вам настроить конфигурацию SVGR в вашем проекте NextJS.