Do not use xaml rendering callback in non-xaml apps (#10800)

* Do not use xaml rendering callback in non-xaml apps

* Change files

* format

change/react-native-windows-a86ad746-4da6-4d3b-86d7-8b4f05cdf352.json

@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "Do not use xaml rendering callback in non-xaml apps",
+  "packageName": "react-native-windows",
+  "email": "30809111+acoates-ms@users.noreply.github.com",
+  "dependentChangeType": "patch"
+}

vnext/Microsoft.ReactNative/Modules/TimingModule.cpp

@@ -9,6 +9,7 @@
 #include <InstanceManager.h>
 #include <UI.Xaml.Media.h>
 #include <Utils/ValueUtils.h>
+#include <XamlUtils.h>
 
 #include <unknwnbase.h>
 
@@ -72,6 +73,7 @@ bool TimerQueue::IsEmpty() {
 
 void Timing::Initialize(winrt::Microsoft::ReactNative::ReactContext const &reactContext) noexcept {
   m_context = reactContext;
+  m_usePostForRendering = !xaml::TryGetCurrentApplication();
 }
 
 void Timing::OnTick() {
@@ -94,6 +96,8 @@ void Timing::OnTick() {
 
   if (m_timerQueue.IsEmpty()) {
     StopTicks();
+  } else if (m_usePostForRendering && m_usingRendering && emittedAnimationFrame) {
+    PostRenderFrame(); // Repost
   } else if (!m_usingRendering || !emittedAnimationFrame) {
     // If we're using a rendering callback, check if any animation frame
     // requests were emitted in this tick. If not, start the dispatcher timer.
@@ -122,10 +126,25 @@ winrt::dispatching::DispatcherQueueTimer Timing::EnsureDispatcherTimer() {
   return m_dispatcherQueueTimer;
 }
 
+void Timing::PostRenderFrame() noexcept {
+  assert(m_usePostForRendering);
+  m_usingRendering = true;
+  m_context.UIDispatcher().Post([wkThis = std::weak_ptr(this->shared_from_this())]() {
+    if (auto pThis = wkThis.lock()) {
+      pThis->m_usingRendering = false;
+      pThis->OnTick();
+    }
+  });
+}
+
 void Timing::StartRendering() {
   if (m_dispatcherQueueTimer)
     m_dispatcherQueueTimer.Stop();
 
+  if (m_usePostForRendering) {
+    PostRenderFrame();
+    return;
+  }
   m_rendering.revoke();
   m_usingRendering = true;
   m_rendering = xaml::Media::CompositionTarget::Rendering(

vnext/Microsoft.ReactNative/Modules/TimingModule.h

@@ -73,6 +73,7 @@ struct Timing : public std::enable_shared_from_this<Timing> {
   void OnTick();
   winrt::dispatching::DispatcherQueueTimer EnsureDispatcherTimer();
   void StartRendering();
+  void PostRenderFrame() noexcept;
   void StartDispatcherTimer();
   void StopTicks();
 
@@ -81,6 +82,7 @@ struct Timing : public std::enable_shared_from_this<Timing> {
   xaml::Media::CompositionTarget::Rendering_revoker m_rendering;
   winrt::dispatching::DispatcherQueueTimer m_dispatcherQueueTimer{nullptr};
   bool m_usingRendering{false};
+  bool m_usePostForRendering{false};
 };
 
 } // namespace Microsoft::ReactNative