fix: fix export of FixedRatioContainer component

Author: csm-thu

src/charts/SimplePowerBIReportEmbed/SimplePowerBIReportEmbed.js

@@ -7,7 +7,7 @@ import * as PropTypes from 'prop-types';
 import { IconButton, makeStyles, Tooltip } from '@material-ui/core';
 import { AccessTime as AccessTimeIcon, Refresh as RefreshIcon } from '@material-ui/icons';
 import DashboardPlaceholder from '../Dashboard/components';
-import FixedRatioContainer from '../../misc/FixedRatioContainer';
+import { FixedRatioContainer } from '../../misc/FixedRatioContainer';
 import { PowerBIUtils } from '@cosmotech/azure';
 
 const useStyles = makeStyles((theme) => ({

src/misc/FixedRatioContainer/FixedRatioContainer.js

@@ -23,7 +23,7 @@ const useStyles = makeStyles((theme) => ({
   },
 }));
 
-const FixedRatioContainer = (props) => {
+export const FixedRatioContainer = (props) => {
   const { children, className, heightOffset, ratio, width } = props;
   const paddingTop = `calc(${(1 / ratio) * 100}% + ${heightOffset})`;
   const classes = useStyles({ paddingTop, width });
@@ -54,5 +54,3 @@ FixedRatioContainer.defaultProps = {
   ratio: 1,
   width: '100%',
 };
-
-export default FixedRatioContainer;

src/misc/FixedRatioContainer/index.js

@@ -1 +1,4 @@
-export { default } from './FixedRatioContainer';
+// Copyright (c) Cosmo Tech.
+// Licensed under the MIT license.
+
+export { FixedRatioContainer } from './FixedRatioContainer';