ЯсноПонятно24

Хорошо, вот пример кода для выполнения указанных действий:

src/slice/tracksSlice.ts:

import { createSlice } from '@reduxjs/toolkit';

const initialState = {
  tracks: [
    { id: 1, title: 'Track 1' },
    { id: 2, title: 'Track 2' },
    { id: 3, title: 'Track 3' },
  ],
};

const tracksSlice = createSlice({
  name: 'tracks',
  initialState,
  reducers: {},
});

export default tracksSlice.reducer;

src/store/store.ts:

import { configureStore } from '@reduxjs/toolkit';
import tracksReducer from '../slice/tracksSlice';

const store = configureStore({
  reducer: {
    tracks: tracksReducer,
  },
});

export default store;

App.tsx:

import React from 'react';
import { useSelector } from 'react-redux';
import { RootState } from './store/store';

const App: React.FC = () => {
  const tracks = useSelector((state: RootState) => state.tracks.tracks);

  return (
    <div>
      <h1>Tracks:</h1>
      <ul>
        {tracks.map(track => (
          <li key={track.id}>{track.title}</li>
        ))}
      </ul>
    </div>
  );
};

export default App;

Это пример кода для создания слайса, стора и использования состояния из стора в компоненте App. Не забудьте подключить стор к вашему приложению!