Test

src/components/ContactForm/ContactForm.jsx

@@ -31,7 +31,9 @@ const ContactForm = () => {
     setNumber('');
   };
 
-  const handleChange = ({ target: { name, value } }) => {
+  const handleChange = event => {
+    const { name, value } = event.target;
+
     switch (name) {
       case 'name':
         setName(value);

src/components/Filter/Filter.jsx

@@ -7,7 +7,7 @@ import { changeFilter } from '../../redux/filterSlice';
 
 const filterInputId = nanoid();
 
-function Filter() {
+const Filter = () => {
   const value = useSelector(selectFilter);
   const dispatch = useDispatch();
 
@@ -31,6 +31,6 @@ function Filter() {
       </label>
     </div>
   );
-}
+};
 
 export default Filter;

src/redux/contactsSlice.js

@@ -37,5 +37,4 @@ const contactsSlice = createSlice({
 });
 
 export const { addContact, deleteContact } = contactsSlice.actions;
-
 export const contactsReducer = contactsSlice.reducer;

src/redux/filterSlice.js

@@ -1,6 +1,6 @@
 import { createSlice } from '@reduxjs/toolkit';
 
-const filterSlice = createSlice({
+export const filterSlice = createSlice({
   name: 'filter',
   initialState: '',
   reducers: {
@@ -11,5 +11,4 @@ const filterSlice = createSlice({
 });
 
 export const { changeFilter } = filterSlice.actions;
-
 export const filterReducer = filterSlice.reducer;

src/redux/store.js

@@ -1,6 +1,5 @@
 import { configureStore } from '@reduxjs/toolkit';
 import {
-  persistStore,
   FLUSH,
   REHYDRATE,
   PAUSE,
@@ -24,5 +23,3 @@ export const store = configureStore({
       },
     }),
 });
-
-export const persistor = persistStore(store);