Added new react basics provider.

components/pages/settings/teams/TeamWebsites.js

@@ -7,7 +7,7 @@ import {
   Modal,
   ModalTrigger,
   Text,
-  useToast,
+  useToasts,
 } from 'react-basics';
 import TeamWebsitesTable from 'components/pages/settings/teams/TeamWebsitesTable';
 import TeamAddWebsiteForm from 'components/pages/settings/teams/TeamAddWebsiteForm';
@@ -15,7 +15,7 @@ import useApi from 'hooks/useApi';
 import useMessages from 'hooks/useMessages';
 
 export function TeamWebsites({ teamId }) {
-  const { toast, showToast } = useToast();
+  const { showToast } = useToasts();
   const { formatMessage, labels, messages } = useMessages();
   const { get, useQuery } = useApi();
   const { data, isLoading, refetch } = useQuery(['teams:websites', teamId], () =>
@@ -48,7 +48,6 @@ export function TeamWebsites({ teamId }) {
 
   return (
     <div>
-      {toast}
       <ActionForm description={formatMessage(messages.teamWebsitesInfo)}>{addButton}</ActionForm>
       {hasData && <TeamWebsitesTable teamId={teamId} data={data} onSave={handleSave} />}
     </div>