Fixed issue with useService returning an initial state for services…

… in their final states

.changeset/poor-flowers-end.md

@@ -0,0 +1,5 @@
+---
+'xstate': patch
+---
+
+Changed `_status` property on the `Interpreter` to be a public one.

.changeset/thin-teachers-approve.md

@@ -0,0 +1,5 @@
+---
+'@xstate/react': patch
+---
+
+Fixed issue with `useService` returning an initial state for services in their final states.

packages/core/src/interpreter.ts

@@ -151,7 +151,7 @@ export class Interpreter<
    * Whether the service is started.
    */
   public initialized = false;
-  private _status: InterpreterStatus = InterpreterStatus.NotStarted;
+  public _status: InterpreterStatus = InterpreterStatus.NotStarted;
 
   // Actor
   public parent?: Interpreter<any>;

packages/xstate-react/src/useService.ts

@@ -17,7 +17,7 @@ export function fromService<TContext, TEvent extends EventObject>(
     send: service.send.bind(service),
     subscribe: service.subscribe.bind(service),
     stop: service.stop!,
-    current: service.initialized ? service.state : machine.initialState,
+    current: service._status !== 0 ? service.state : machine.initialState,
     name: service.sessionId
   };
 }

packages/xstate-react/test/useService.test.tsx

@@ -150,4 +150,35 @@ describe('useService hook', () => {
 
     render(<Test />);
   });
+
+  it('should render the final state', () => {
+    const service = interpret(
+      Machine({
+        initial: 'first',
+        states: {
+          first: {
+            on: {
+              NEXT: {
+                target: 'last'
+              }
+            }
+          },
+          last: {
+            type: 'final'
+          }
+        }
+      })
+    ).start();
+
+    service.send({ type: 'NEXT' });
+
+    const Test = () => {
+      const [state] = useService(service);
+      return <>{state.value}</>;
+    };
+
+    const { container } = render(<Test />);
+
+    expect(container.textContent).toBe('last');
+  });
 });