How to use the react-alert.positions.BOTTOM_CENTER function in react-alert

return (
    <div style="{{">
      {options.type === "info" &amp;&amp; }
      {options.type === "success" &amp;&amp; }
      {options.type === "error" &amp;&amp; }
      <span style="{{">{message}</span>
      <button style="{buttonStyle}">
        
      </button>
    </div>
  );
};

export const alertOptions = {
  // you can also just use 'bottom center'
  position: positions.BOTTOM_CENTER,
  timeout: 3000,
  offset: "50px",
  // you can also just use 'scale'
  transition: transitions.SCALE
};

import React from "react";
import { render } from "react-dom";
import { positions, Provider } from "react-alert";
import AlertTemplate from "react-alert-template-basic";
import Home from "./Home";

const options = {
  timeout: 5000,
  position: positions.BOTTOM_CENTER
};

const App = () => (
  
    
  
);

render(, document.getElementById("root"));