Estoy tratando de seguir el ejemplo del contador en la plantilla react-redux, pero parece que no puedo exportar mi propio reductor setOwner .

ownerSelector.tsx :

 export const ownerSlice = createSlice({ name: 'owner', initialState, reducers:{ setOwner: (state) => { //Export this reducer let own = document.getElementById("OwnerSelector") as HTMLSelectElement state.id = parseInt(own!!.options[own.selectedIndex].value); } }, extraReducers: (builder) => {} }) export const selectOwner= (state: RootState) => state.selectedOwner.id; export default ownerSlice.reducer;

donde quiero importar setOwner en carForm.tsx :

 import {setOwner} from './ownerSelector'; // error here let submitHandler = (e: React.FormEvent<HTMLElement>) => { e.preventDefault(); dispatch(setOwner()) const formData = { car: { year: year, make: make, model: model, price: price, person_id: owner, } } dispatch(createCarAsync(formData)); resetState(); }

El error en la importación es: Module '"./ownerSelector"' has no exported member 'setOwner'. Did you mean to use 'import setOwner from "./ownerSelector"' instead?ts(2614)

¿Qué estoy haciendo mal? Gracias.