Loading spinners for React built with styled-components

npm i react-awesome-spinners

yarn add react-awesome-spinners

import { Ring } from 'react-awesome-spinners'

import React, { useState } from "react";
import ReactDOM from "react-dom";
import { Ring } from "react-awesome-spinners";

const App = () => {
  const [loading, setLoading] = useState(true)
    
  return (
      loading && <Ring />
  );
}

ReactDOM.render(<App />, document.getElementById("root"));

size: 64,
color: '#00bfff',
sizeUnit: 'px'