dyomedea/src/App.tsx

import { IonApp, setupIonicReact } from '@ionic/react';
import store from './store/index';
import { Provider } from 'react-redux';

/* Core CSS required for Ionic components to work properly */
import '@ionic/react/css/core.css';

/* Basic CSS for apps built with Ionic */
import '@ionic/react/css/normalize.css';
import '@ionic/react/css/structure.css';
import '@ionic/react/css/typography.css';

/* Optional CSS utils that can be commented out */
import '@ionic/react/css/padding.css';
import '@ionic/react/css/float-elements.css';
import '@ionic/react/css/text-alignment.css';
import '@ionic/react/css/text-transformation.css';
import '@ionic/react/css/flex-utils.css';
import '@ionic/react/css/display.css';

/* Theme variables */
import './theme/variables.css';

import TiledMap from './components/map/tiled-map';
import Slippy from './components/slippy/slippy';
import Layer from './components/slippy/layer';

setupIonicReact();

const App: React.FC = () => (
  <IonApp>
    <Provider store={store}>
      <Slippy />
      <Layer>
        <TiledMap />
      </Layer>
    </Provider>
  </IonApp>
);

export default App;