如何将className添加到SVG React组件中

Question

我现在正在为SVG React组件使用内联样式，因为如果我将其替换为className = {s.Ssome_class}它不起作用。

这项工作

import React from 'react'
import s from './styles.module.css'
import { ReactComponent as Folder } from '../../assets/SVGs/folder.svg'

export default function Projects() {
   return <Folder style={{ color: 'aqua', width: '42px' }} />
}

不起作用

import React from 'react'
import s from './styles.module.css'
import { ReactComponent as Folder } from '../../assets/SVGs/folder.svg'

export default function Projects() {
   return <Folder className={s.some_class} />
}

我的styles.module.css

.some_class {
  color: aqua;
  width: 42px;
}

为什么className不适合SVG组件？这里的方法是什么？