How to remove hash(#) from react-router-dom path?

Question

JavaScript

Hello, tell me how to remove # from my path.
Now it's like this: localhost:3000/#/details/test , but it should be localhost:3000/details/test

<HashRouter>
        <div>
          <Route path="/" exact component={Home} />
          <Route path="/details/:service" component={Service} />
        </div>
</HashRouter>

This is how I generate links:

...
{servicesList.map((service, index) => (
                <tr
                  onClick={() => {
                    history.push("/details/" + service);
                  }}
                  key={service}
                >
                  <td>{service}</td>
                </tr>
))}
...

Answer 1

You are using the HashRouter component, hence the hashes in the address bar. For your task, BrowserRouter is suitable for you. For links, use the Link
component