feat: export useAsyncData for component Await (#6882)

alibaba · May 13, 2024 · 4c9456f · 4c9456f
1 parent bccc7db
commit 4c9456f
Show file tree

Hide file tree

Showing 5 changed files with 11 additions and 1 deletion.
diff --git a/.changeset/little-cheetahs-raise.md b/.changeset/little-cheetahs-raise.md
@@ -0,0 +1,6 @@
+---
+'@ice/runtime': patch
+'@ice/app': patch
+---
+
+feat: export useAsyncData for component Await
diff --git a/packages/ice/src/constant.ts b/packages/ice/src/constant.ts
@@ -51,6 +51,7 @@ export const RUNTIME_EXPORTS = [
  'useNavigate',
  'useNavigation',
  'useRevalidator',
+ 'useAsyncValue',
  ],
  source: '@ice/runtime/router',
  },

diff --git a/packages/runtime/src/index.ts b/packages/runtime/src/index.ts
@@ -146,6 +146,7 @@ export {
  useNavigate,
  useNavigation,
  useRevalidator,
+ useAsyncValue,
 } from 'react-router-dom';
 
 export type {

diff --git a/packages/runtime/src/router.ts b/packages/runtime/src/router.ts
@@ -8,6 +8,7 @@ export {
  useNavigate,
  useNavigation,
  useRevalidator,
+ useAsyncValue,
 } from 'react-router-dom';
 
 export { useData, useConfig } from './RouteContext.js';
diff --git a/packages/runtime/src/routes.tsx b/packages/runtime/src/routes.tsx
@@ -1,5 +1,6 @@
 import React, { Suspense } from 'react';
 import { useRouteError, defer, Await as ReactRouterAwait } from 'react-router-dom';
+import type { AwaitProps } from 'react-router-dom';
 // eslint-disable-next-line camelcase
 import type { UNSAFE_DeferredData, LoaderFunctionArgs } from '@remix-run/router';
 import type {
@@ -105,7 +106,7 @@ export function RouteErrorComponent() {
  return process.env.ICE_CORE_ROUTER === 'true' ? <ErrorComponentWithRouter /> : <></>;
 }
 
-export function Await(props) {
+export function Await(props: AwaitProps & { fallback: React.ReactNode }) {
  return process.env.ICE_CORE_ROUTER === 'true' ? (
  <Suspense fallback={props.fallback}>
  <ReactRouterAwait