Dispatched action does not hit effects or reducers

[premsudh336]

I am developing a small blazor server application with Fluxor library. below are the code for the same. My issue is , after dispatching the action, it is not hitting the Effects or Reducer methods. Can you check the below code and advise if any issues.
In ReduxDevTools get a blank screen showing "No Store found..". But when I debug, I can see the features and all States, Actions, effects loaded in the store

//WorkstationsState.cs

using Fluxor;
using MyProject.Shared.Models;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;

namespace MyProject.Redux.Store.Register
{
    [FeatureState]
    public class WorkstationsState
    {
        public bool IsLoading { get; } = true;
        public IEnumerable<WorkStation>? Workstations { get; }
        public WorkStation? SelectedWorkStation { get; }
        public WorkstationsState() { }
        public WorkstationsState(bool isLoading, IEnumerable<WorkStation>? workstations, WorkStation? selectedWorkStation)
        {
            IsLoading = isLoading;
            Workstations = workstations ?? Array.Empty<WorkStation>();
           
        }
    }
}

//Code of Effects.cs

using Fluxor;

using System;
using System.Collections.Generic;
using System.Linq;
using System.Net.Http.Json;
using System.Text;
using System.Threading.Tasks;
using MyProject.Shared.Services.Refit;
using MyProject.Shared.Models;

namespace MyProject.Redux.Store.Register
{
    public class Effects
    {
        private  readonly ICoreServiceAPI http;

        public Effects(ICoreServiceAPI apiService )
        {
            http = apiService;
        }

        [EffectMethod(typeof(FetchWorkStationAction))]
        public async Task HandleFetchWorkstationAction(IDispatcher dispatcher)
        {
            var workstations = await http.GetWorkstations(new BaseRequest { OrgId=1});

            if (workstations.Entities.Any())
            {
                dispatcher.Dispatch(new FetchWorkStationResultAction(workstations.Entities, workstations.Entities.First()));
            }
        }
    }
}

//Code of Reducers.cs

using Fluxor;

using MyProject.Shared.Models;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;

namespace MyProject.Redux.Store.Register
{
    public static class Reducers
    {
        [ReducerMethod(typeof(FetchWorkStationAction))]
        public static WorkstationsState ReduceFetchWorkStationAction(WorkstationsState state)
        {
            return new WorkstationsState(isLoading: true,
                    workstations: null, selectedWorkStation: null);
        }


        [ReducerMethod]
        public static WorkstationsState ReduceFetchWorkStationResultAction(
            WorkstationsState state, FetchWorkStationResultAction action) =>
                  new WorkstationsState(
                    isLoading: false,
                    workstations: action.WorkStations,
                    selectedWorkStation: action.SelectedWorkStation
                    );


    }
}

//Actions: FetchWorkStationAction

using MyProject.Shared.Models;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;

namespace MyProject.Redux.Store.Register
{
    public class FetchWorkStationAction
    {
      
    }
}

//Actions: FetchWorkStationResultAction

using MyProject.Shared.Models;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;

namespace MyProject.Redux.Store.Register
{
    public class FetchWorkStationResultAction
    {
        public IEnumerable<WorkStation> WorkStations { get; }

        public WorkStation SelectedWorkStation { get; }
        public FetchWorkStationResultAction(IEnumerable<WorkStation> workstations, WorkStation selectedWorkStation)
        {
            WorkStations = workstations;
            SelectedWorkStation = selectedWorkStation;
        }
    }
}

//Code of Blazor Components

using Fluxor;
using Fluxor.Blazor.Web.Components;
using Microsoft.AspNetCore.Components;
using MudBlazor;
using MyProject.Redux.Store.Register;
using MyProject.Shared.Models;
using MyProject.WLServer2.Dialogs;
using MyProject.WLServer2.JSOps;
using System.ComponentModel.DataAnnotations;
using System.Diagnostics;

namespace MyProject.WLServer2.Components
{
    public partial class Register : FluxorComponent
    {
        [Inject]
        private IState<WorkstationsState>? WorkStationsState { get; set; }

        [Inject]
        private IDispatcher? Dispatcher { get; set; }


        [Inject] 
        ISnackbar? Snackbar { get; set; }

        [Inject] 
        IDialogService? DialogService { get; set; }

        [Inject] 
        NavigationManager? NavigationManager { get; set; }


        [Inject]
        private JSInterOp? JsInterOp { get; set; }

        protected WorkStation SelectedWS { get; set; } = new();


        protected override void OnInitialized()
        {
            base.OnInitialized();
            
           
            if (WorkStationsState != null)
            {
                WorkStationsState.StateChanged += WorkStationsState_StateChanged;
            }
            Dispatcher!.Dispatch(new FetchWorkStationAction());
          
     
            StateHasChanged();
         
        }

        private void WorkStationsState_StateChanged(object? sender, EventArgs e)
        {
            Trace.WriteLine("");
            Trace.WriteLine("==========================> WorkStationsState");
            Trace.WriteLine("ClickCount is " + WorkStationsState?.Value.IsLoading.ToString());
            Trace.WriteLine("<========================== WorkStationsState");
            Trace.WriteLine("");
        }
}

@Layout@

@inherits LayoutComponentBase
@inject IJSRuntime JS
<MudThemeProvider />
<MudDialogProvider />
<MudSnackbarProvider />
<MudPopoverProvider />
<Fluxor.Blazor.Web.StoreInitializer />
@Body

//Program.cs

using MudBlazor.Services;
using MyProject.Shared.Services;
using MyProject.WLServer2.Components;
using System.Net;
using MyProject.Redux;
using MyProject.Shared;
using Refit;
using Fluxor;
using Fluxor.Blazor.Web.ReduxDevTools;
using MyProject.Redux.Store.Register;
using MyProject.Shared.Services.Refit;
using MyProject.WLServer2.JSOps;

namespace MyProject.WLServer2
{
    public class Program
    {
        public static void Main(string[] args)
        {

            var builder = WebApplication.CreateBuilder(args);
            
            // Add MudBlazor services
            builder.Services.AddMudServices();

            // Add services to the container.
            builder.Services.AddRazorComponents()
                .AddInteractiveServerComponents();
            builder.Services.AddServerSideBlazor();
            
            builder.Services.AddFluxor(
                    options =>
                    {
                        options.ScanAssemblies(typeof(Program).Assembly);
                        options.UseReduxDevTools(rdt =>
                        {
                            rdt.Name = "MyProject";
                            rdt.EnableStackTrace();
                        });
                       
                    }
            );

            //Registering ICoreServiceAPI
            //Get default base Url  builder.Configuration["CoreApi:BaseUrl"] ??
            var apiBaseUrl =  @"http://localhost:8082/";
            builder.Services.AddRefitClient<ICoreServiceAPI>()
                    .ConfigureHttpClient(c => c.BaseAddress = new Uri(apiBaseUrl))
                    .ConfigurePrimaryHttpMessageHandler(() =>
                    {
                        var handler = new HttpClientHandler
                        {
                            UseCookies = true,
                            CookieContainer = new CookieContainer()
                        };
                        return handler;
                    });

            builder.Services.AddSingleton<ITransactionService>(new TransactionService());
            builder.Services.AddScoped(typeof(JSInterOp));
            var app = builder.Build();

            // Configure the HTTP request pipeline.
            if (!app.Environment.IsDevelopment())
            {
                app.UseExceptionHandler("/Error");
                // The default HSTS value is 30 days. You may want to change this for production scenarios, see https://aka.ms/aspnetcore-hsts.
                app.UseHsts();
            }

            app.UseHttpsRedirection();

            app.UseStaticFiles();
            app.UseAntiforgery();


            app.MapRazorComponents<App>()
                .AddInteractiveServerRenderMode();

            app.Run();
        }


    }
}

[mrpmorris]

Can you give me a link to a repo?

[premsudh336]

Hi @mrpmorris Please find the below URL
https://github.com/premsudh336/Fluxor4Net9

[premsudh336]

any luck?

[mrpmorris]

Remove your StoreInitializer from App.razor and put this at the top of Routes.razor

@rendermode InteractiveServer
<Fluxor.Blazor.Web.StoreInitializer />

[premsudh336]

Hi @mrpmorris, it is working! many thanks for your support.
Actually, I had tried this solution earlier without @rendermode InteractiveServer. My bad. anyway, thanks a lot