typescript服務端渲染引入css報錯

import * as React from 'react';
import { connect } from 'react-redux';
import * as CSSModules from 'react-css-modules';
const styles = require('./index.css')
const Home = () => {
  return (
    <div>
    11111
  </div>
  )
}

export default connect(state=>state)(CSSModules(Home, styles))

報錯如下

如果改成 import * as styles from './index.css';
報錯如下

如果寫 index.css.d.ts 的話，報錯如圖一。

請教各位大佬