import using complete path

src/App.jsx

@@ -22,7 +22,7 @@ import '@fontsource/roboto/500.css'
 import '@fontsource/roboto/700.css'
 import GlobalStyle from './components/GlobalStyle.jsx'
 
-import { Provider as MobxProvider } from './storeContext'
+import { Provider as MobxProvider } from './storeContext.js'
 import { Provider as IdbProvider } from './idbContext'
 
 const Notifier = lazy(() => import('./components/shared/Notifier.jsx'))

src/components/AppBar/Bar/Projekte/More/index.jsx

@@ -9,7 +9,7 @@ import { useParams } from 'react-router-dom'
 import isMobilePhone from '../../../../../modules/isMobilePhone'
 import logout from '../../../../../modules/logout'
 import EkfUser from './EkfUser'
-import storeContext from '../../../../../storeContext'
+import storeContext from '../../../../../storeContext.js'
 import idbContext from '../../../../../idbContext'
 import useSearchParamsState from '../../../../../modules/useSearchParamsState'
 

src/components/AppBar/Bar/Projekte/index.jsx

@@ -9,7 +9,7 @@ import { Link, useParams, useLocation } from 'react-router-dom'
 import isMobilePhone from '../../../../modules/isMobilePhone'
 import More from './More'
 import Daten from './Daten'
-import storeContext from '../../../../storeContext'
+import storeContext from '../../../../storeContext.js'
 import useSearchParamsState from '../../../../modules/useSearchParamsState'
 
 const StyledButton = styled(Button)`

src/components/AppBar/EkfBar/User/index.jsx

@@ -19,7 +19,7 @@ import Error from '../../../shared/Error'
 import updateUserByIdGql from './updateUserById'
 import ifIsNumericAsNumber from '../../../../modules/ifIsNumericAsNumber.js'
 import ErrorBoundary from '../../../shared/ErrorBoundary'
-import storeContext from '../../../../storeContext'
+import storeContext from '../../../../storeContext.js'
 import logout from '../../../../modules/logout'
 import idbContext from '../../../../idbContext'
 

src/components/AppBar/EkfBar/index.jsx

@@ -14,7 +14,7 @@ import { useParams, useLocation } from 'react-router-dom'
 import isMobilePhone from '../../../modules/isMobilePhone'
 import EkfYear from './EkfYear'
 import User from './User'
-import storeContext from '../../../storeContext'
+import storeContext from '../../../storeContext.js'
 import userQuery from './query'
 import dataByUserIdQuery from '../../Ekf/dataByUserId'
 import dataWithDateByUserIdQuery from '../../Ekf/dataWithDateByUserId'

src/components/AppBar/index.jsx

@@ -9,7 +9,7 @@ import Bar from './Bar'
 import EkfBar from './EkfBar'
 import inIframe from '../../modules/inIframe'
 import Spinner from '../shared/Spinner.jsx'
-import storeContext from '../../storeContext'
+import storeContext from '../../storeContext.js'
 
 const isInIframe = inIframe()
 

src/components/Deletions/index.jsx

@@ -13,7 +13,7 @@ import { observer } from 'mobx-react-lite'
 import { useApolloClient } from '@apollo/client'
 
 import undelete from './undelete'
-import storeContext from '../../storeContext'
+import storeContext from '../../storeContext.js'
 import ErrorBoundary from '../shared/ErrorBoundary'
 
 const List = styled.div`

src/components/Docs/Sidebar/MenuItems.jsx

@@ -4,7 +4,7 @@ import Divider from '@mui/material/Divider'
 import styled from '@emotion/styled'
 
 import MenuItem from './MenuItem'
-import storeContext from '../../../storeContext'
+import storeContext from '../../../storeContext.js'
 
 // dont know why but divider is too thick,
 // thicker than ListItemButton divider

src/components/Docs/Sidebar/index.jsx

@@ -3,7 +3,7 @@ import styled from '@emotion/styled'
 import { Link, useLocation } from 'react-router-dom'
 import { observer } from 'mobx-react-lite'
 
-import storeContext from '../../../storeContext'
+import storeContext from '../../../storeContext.js'
 import MenuItems from './MenuItems.jsx'
 import Filter from './Filter.jsx'
 import IntoViewScroller from './IntoViewScroller.jsx'

src/components/EkPlan/ApList/Ap/index.jsx

@@ -3,7 +3,7 @@ import { FaTimes } from 'react-icons/fa'
 import IconButton from '@mui/material/IconButton'
 import styled from '@emotion/styled'
 
-import storeContext from '../../../../storeContext'
+import storeContext from '../../../../storeContext.js'
 
 const Container = styled.div`
   display: flex;

src/components/EkPlan/ApList/ChooseAp/index.jsx

@@ -6,7 +6,7 @@ import { observer } from 'mobx-react-lite'
 import { useParams } from 'react-router-dom'
 
 import queryApsToChoose from './queryApsToChoose'
-import storeContext from '../../../../storeContext'
+import storeContext from '../../../../storeContext.js'
 import ErrorBoundary from '../../../shared/ErrorBoundary'
 
 const StyledSelect = styled(AsyncSelect)`

src/components/EkPlan/ApList/index.jsx

@@ -5,7 +5,7 @@ import styled from '@emotion/styled'
 
 import Ap from './Ap'
 import ChooseAp from './ChooseAp'
-import storeContext from '../../../storeContext'
+import storeContext from '../../../storeContext.js'
 
 const Container = styled.div`
   display: flex;

src/components/EkPlan/Choose.jsx

@@ -16,7 +16,7 @@ import DialogTitle from '@mui/material/DialogTitle'
 import { observer } from 'mobx-react-lite'
 
 import Fields from './Fields'
-import storeContext from '../../storeContext'
+import storeContext from '../../storeContext.js'
 import { allFields } from '../../store/EkPlan'
 import ErrorBoundary from '../shared/ErrorBoundary'
 

src/components/EkPlan/Fields.jsx

@@ -5,7 +5,7 @@ import FormControlLabel from '@mui/material/FormControlLabel'
 import Radio from '@mui/material/Radio'
 import DialogContent from '@mui/material/DialogContent'
 
-import storeContext from '../../storeContext'
+import storeContext from '../../storeContext.js'
 import ErrorBoundary from '../shared/ErrorBoundary'
 
 const StyledDialogContent = styled(DialogContent)`

src/components/EkPlan/Table/CellForEkfrequenz.jsx

@@ -7,7 +7,7 @@ import max from 'lodash/max'
 
 import { StyledCellForSelect } from './index'
 import { tpop } from '../../shared/fragments'
-import storeContext from '../../../storeContext'
+import storeContext from '../../../storeContext.js'
 import setStartjahr from './setStartjahr'
 import setEkplans from './setEkplans'
 

src/components/EkPlan/Table/CellForEkfrequenzAbweichend.jsx

@@ -3,7 +3,7 @@ import { observer } from 'mobx-react-lite'
 
 import Checkbox from './Checkbox'
 import { StyledCellForSelect } from './index'
-import storeContext from '../../../storeContext'
+import storeContext from '../../../storeContext.js'
 
 const CellForEkfrequenzAbweichend = ({ field, row, style }) => {
   const store = useContext(storeContext)

src/components/EkPlan/Table/CellForEkfrequenzStartjahr.jsx

@@ -3,7 +3,7 @@ import { observer } from 'mobx-react-lite'
 import { useApolloClient, gql } from '@apollo/client'
 import styled from '@emotion/styled'
 
-import storeContext from '../../../storeContext'
+import storeContext from '../../../storeContext.js'
 import { tpop } from '../../shared/fragments'
 import setEkplans from './setEkplans'
 

src/components/EkPlan/Table/CellForTpopLink.jsx

@@ -4,7 +4,7 @@ import { observer } from 'mobx-react-lite'
 import styled from '@emotion/styled'
 
 import { StyledTableCell } from './index'
-import storeContext from '../../../storeContext'
+import storeContext from '../../../storeContext.js'
 
 const Link = styled.div`
   cursor: pointer;

src/components/EkPlan/Table/CellForValue.jsx

@@ -3,7 +3,7 @@ import { observer } from 'mobx-react-lite'
 import styled from '@emotion/styled'
 
 import { StyledTableCell } from './index'
-import storeContext from '../../../storeContext'
+import storeContext from '../../../storeContext.js'
 
 const Container = styled.div`
   height: 100%;

src/components/EkPlan/Table/CellForYear/EkIcon.jsx

@@ -3,7 +3,7 @@ import styled from '@emotion/styled'
 import sum from 'lodash/sum'
 import { observer } from 'mobx-react-lite'
 
-import storeContext from '../../../../storeContext'
+import storeContext from '../../../../storeContext.js'
 
 const CheckboxContainer = styled.div`
   width: 100%;

src/components/EkPlan/Table/CellForYear/MassnIcon.jsx

@@ -4,7 +4,7 @@ import sum from 'lodash/sum'
 import { GoZap } from 'react-icons/go'
 import { observer } from 'mobx-react-lite'
 
-import storeContext from '../../../../storeContext'
+import storeContext from '../../../../storeContext.js'
 
 const CheckboxContainer = styled.div`
   width: 100%;

src/components/EkPlan/Table/CellForYear/index.jsx

@@ -5,7 +5,7 @@ import { StyledTableCell } from '../index'
 import EkIcon from './EkIcon'
 import MassnIcon from './MassnIcon'
 import { InfoRow } from '../index'
-import storeContext from '../../../../storeContext'
+import storeContext from '../../../../storeContext.js'
 
 const CellForYear = ({ field, row, style }) => {
   const store = useContext(storeContext)

src/components/EkPlan/Table/CellForYearMenu/index.jsx

@@ -8,7 +8,7 @@ import styled from '@emotion/styled'
 import { observer } from 'mobx-react-lite'
 import { useQuery, useApolloClient } from '@apollo/client'
 
-import storeContext from '../../../../storeContext'
+import storeContext from '../../../../storeContext.js'
 import queryTpop from './queryTpop'
 import queryEkplansOfTpop from './queryEkplansOfTpop'
 import mutationCreateEkplan from './mutationCreateEkplan'

src/components/EkPlan/Table/CellForYearTitle.jsx

@@ -2,7 +2,7 @@ import React, { useContext, useCallback } from 'react'
 import { observer } from 'mobx-react-lite'
 
 import { StyledTableCell, InfoRow } from './index'
-import storeContext from '../../../storeContext'
+import storeContext from '../../../storeContext.js'
 
 const CellForYearTitle = ({ style, row }) => {
   const store = useContext(storeContext)

src/components/EkPlan/Table/CellHeaderFixed/BooleanFilter.jsx

@@ -3,7 +3,7 @@ import React, { useCallback, useContext } from 'react'
 import MenuItem from '@mui/material/MenuItem'
 import upperFirst from 'lodash/upperFirst'
 
-import storeContext from '../../../../storeContext'
+import storeContext from '../../../../storeContext.js'
 
 // need to forward ref from Menu to MenuItem
 // see: https://github.com/mui-org/material-ui/issues/15903#issuecomment-496313450

src/components/EkPlan/Table/CellHeaderFixed/TextFilter.jsx

@@ -14,7 +14,7 @@ import Input from '@mui/material/Input'
 import { MdClear } from 'react-icons/md'
 import upperFirst from 'lodash/upperFirst'
 
-import storeContext from '../../../../storeContext'
+import storeContext from '../../../../storeContext.js'
 
 const valForStore = (valPassed) => {
   let val = valPassed

src/components/EkPlan/Table/CellHeaderFixed/index.jsx

@@ -7,7 +7,7 @@ import styled from '@emotion/styled'
 import upperFirst from 'lodash/upperFirst'
 import { observer } from 'mobx-react-lite'
 
-import storeContext from '../../../../storeContext'
+import storeContext from '../../../../storeContext.js'
 import TextFilter from './TextFilter'
 import BooleanFilter from './BooleanFilter'
 

src/components/EkPlan/Table/CellHeaderFixedEkfrequenz.jsx

@@ -4,7 +4,7 @@ import MenuItem from '@mui/material/MenuItem'
 import { FaSortDown as Caret, FaFilter } from 'react-icons/fa'
 import styled from '@emotion/styled'
 
-import storeContext from '../../../storeContext'
+import storeContext from '../../../storeContext.js'
 import TextFilter from './CellHeaderFixed/TextFilter'
 
 export const StyledCell = styled.div`

src/components/EkPlan/Table/CellHeaderFixedEkfrequenzStartjahr.jsx

@@ -4,7 +4,7 @@ import MenuItem from '@mui/material/MenuItem'
 import { FaSortDown as Caret, FaFilter } from 'react-icons/fa'
 import styled from '@emotion/styled'
 
-import storeContext from '../../../storeContext'
+import storeContext from '../../../storeContext.js'
 import TextFilter from './CellHeaderFixed/TextFilter'
 
 export const StyledCell = styled.div`

src/components/EkPlan/Table/CellHeaderYear.jsx

@@ -6,7 +6,7 @@ import { FaSortDown as Caret, FaFilter } from 'react-icons/fa'
 import styled from '@emotion/styled'
 import { useApolloClient } from '@apollo/client'
 
-import storeContext from '../../../storeContext'
+import storeContext from '../../../storeContext.js'
 
 const StyledCell = styled.div`
   display: flex;

src/components/EkPlan/Table/Checkbox.jsx

@@ -4,7 +4,7 @@ import { useApolloClient, gql } from '@apollo/client'
 import styled from '@emotion/styled'
 
 import { tpop } from '../../shared/fragments'
-import storeContext from '../../../storeContext'
+import storeContext from '../../../storeContext.js'
 
 const CheckboxContainer = styled.div`
   width: 100%;

src/components/EkPlan/Table/Select.jsx

@@ -4,7 +4,7 @@ import { observer } from 'mobx-react-lite'
 import { useApolloClient, gql } from '@apollo/client'
 
 import { tpop } from '../../shared/fragments'
-import storeContext from '../../../storeContext'
+import storeContext from '../../../storeContext.js'
 
 const Select = styled.select`
   width: 100%;

src/components/EkPlan/Table/index.jsx

@@ -10,7 +10,7 @@ import { useResizeDetector } from 'react-resize-detector'
 
 import queryAll from './queryAll'
 import CellForYearMenu from './CellForYearMenu'
-import storeContext from '../../../storeContext'
+import storeContext from '../../../storeContext.js'
 import yearsFromTpops from './yearsFromTpops'
 import tpopRowFromTpop from './tpopRowFromTpop'
 import yearRowFromTpop from './yearRowFromTpop'

src/components/EkPlan/index.jsx

@@ -8,7 +8,7 @@ const ApList = lazy(() => import('./ApList'))
 const Table = lazy(() => import('./Table'))
 const Choose = lazy(() => import('./Choose'))
 import queryAps from './queryAps'
-import storeContext from '../../storeContext'
+import storeContext from '../../storeContext.js'
 import appBaseUrl from '../../modules/appBaseUrl'
 const Error = lazy(() => import('../shared/Error'))
 import ErrorBoundary from '../shared/ErrorBoundary'

src/components/Ekf/index.jsx

@@ -9,7 +9,7 @@ import sortBy from 'lodash/sortBy'
 // but only in production!
 import EkfList from './List'
 import Tpopfreiwkontr from '../Projekte/Daten/Tpopfreiwkontr'
-import storeContext from '../../storeContext'
+import storeContext from '../../storeContext.js'
 import StyledSplitPane from '../shared/StyledSplitPane'
 import dataByUserIdGql from './dataByUserId'
 import dataWithDateByUserIdGql from './dataWithDateByUserId'

src/components/IsPrintSetter.jsx

@@ -1,7 +1,7 @@
 import { useContext, useEffect } from 'react'
 import { observer } from 'mobx-react-lite'
 
-import storeContext from '../storeContext'
+import storeContext from '../storeContext.js'
 
 const IsPrintSetter = () => {
   const store = useContext(storeContext)

src/components/LastTouchedNodeSetter.jsx

@@ -2,7 +2,7 @@ import { useContext, useEffect } from 'react'
 import { observer } from 'mobx-react-lite'
 import { getSnapshot } from 'mobx-state-tree'
 
-import storeContext from '../storeContext'
+import storeContext from '../storeContext.js'
 
 const LastTouchedNodeSetter = () => {
   const store = useContext(storeContext)

src/components/Messages/Messages/Messages.jsx

@@ -7,7 +7,7 @@ import { observer } from 'mobx-react-lite'
 import { DateTime } from 'luxon'
 
 import createUsermessage from '../createUsermessage'
-import storeContext from '../../../storeContext'
+import storeContext from '../../../storeContext.js'
 
 const Container = styled.div`
   height: 100%;

src/components/Messages/index.jsx

@@ -8,7 +8,7 @@ import { observer } from 'mobx-react-lite'
 
 import query from './data'
 import createUsermessage from './createUsermessage'
-import storeContext from '../../storeContext'
+import storeContext from '../../storeContext.js'
 import Error from '../shared/Error'
 import ErrorBoundary from '../shared/ErrorBoundary'
 import Messages from './Messages'

src/components/Print/ApberForAp/index.jsx

@@ -12,7 +12,7 @@ import Massnahmen from './Massnahmen'
 import AMengen from './AMengen'
 import BMengen from './BMengen'
 import CMengen from './CMengen'
-import storeContext from '../../../storeContext'
+import storeContext from '../../../storeContext.js'
 import ErrorBoundary from '../../shared/ErrorBoundary'
 import PopMenge from '../../Projekte/Daten/Ap/Auswertung/PopMenge'
 import PopStatus from '../../Projekte/Daten/Ap/Auswertung/PopStatus'

src/components/Print/ApberForYear/index.jsx

@@ -4,7 +4,7 @@ import { useApolloClient, gql } from '@apollo/client'
 import { useParams } from 'react-router-dom'
 
 import ApberForYear from './ApberForYear'
-import storeContext from '../../../storeContext'
+import storeContext from '../../../storeContext.js'
 import ErrorBoundary from '../../shared/ErrorBoundary'
 import Spinner from '../../shared/Spinner.jsx'
 

src/components/Projekte/ApFilterController.jsx

@@ -3,7 +3,7 @@ import { observer } from 'mobx-react-lite'
 import { useParams } from 'react-router-dom'
 import { useApolloClient, gql } from '@apollo/client'
 
-import storeContext from '../../storeContext'
+import storeContext from '../../storeContext.js'
 
 const ApFilterController = () => {
   const client = useApolloClient()

src/components/Projekte/Daten/Adresse/index.jsx

@@ -11,7 +11,7 @@ import Checkbox2States from '../../../shared/Checkbox2States'
 import TextField from '../../../shared/TextField'
 import FormTitle from '../../../shared/FormTitle'
 import query from './query'
-import storeContext from '../../../../storeContext'
+import storeContext from '../../../../storeContext.js'
 import ifIsNumericAsNumber from '../../../../modules/ifIsNumericAsNumber.js'
 import ErrorBoundary from '../../../shared/ErrorBoundary'
 import Error from '../../../shared/Error'

src/components/Projekte/Daten/Ap/Ap/ApUsers/ApUser.jsx

@@ -5,7 +5,7 @@ import IconButton from '@mui/material/IconButton'
 import styled from '@emotion/styled'
 import { useApolloClient, gql } from '@apollo/client'
 
-import storeContext from '../../../../../../storeContext'
+import storeContext from '../../../../../../storeContext.js'
 
 const DelIcon = styled(IconButton)`
   font-size: 1rem !important;