import { create } from 'zustand';
 
const useStore = create((set) => ({
  data: null,
  loading: false,
  error: null,
 
  fetchData: async () => {
    set({ loading: true, error: null });
    try {
      const response = await fetch('https://api.example.com/data');
      const data = await response.json();
      set({ data, loading: false });
    } catch (error) {
      set({ error, loading: false });
    }
  },
}));
 
// Компонент React
const MyComponent = () => {
  const { data, loading, error, fetchData } = useStore();
 
  useEffect(() => {
    fetchData();
  }, [fetchData]);
 
  if (loading) return <div>Загрузка...</div>;
  if (error) return <div>Ошибка: {error.message}</div>;
 
  return (
    <div>
      {data.map((item) => (
        <div key={item.id}>{item.name}</div>
      ))}
    </div>
  );
};