Якорные ссылки не работают в React с HashRouter на gh-pages

Я использую HashRouter gh-pages. Из-за этого якорные ссылки не работают и меня перенаправляет на страницу 404.

роутинг

 <Switch>
            <Route exact path='/'>
              <Main />
            </Route>
            <Route path='*'>
              <NotFound />
            </Route>
    </Switch>

компонент со списком якорных ссылок

    export default function NavTab() {
        return (
            <ul
                className='navtab__link-list'
            >
                        <li
                        >
                            <a href={'#about-project'}
                                className='navtab__link'
                            >
                                О проекте
                            </a>
                        </li>
...
                    )
                })}
            </ul>
        )
    }

компонент с якорной ссылкой

export default function Techs() {
    return (
        <section className='about-project' id='#about-project'>
            <SectionTitle
            />
        </section>
    )
}