1.2.0 • Published 2 years ago

use-hydrate v1.2.0

Weekly downloads
-
License
MIT
Repository
github
Last release
2 years ago
import React, { ReactNode, use } from 'react';


interface Props {
  params: {
    id: string;
   },
  children: ReactNode;
}

export default async function Layout({
  params,
  children,
}: Props) {
  const data = use(listMyData({ id: params.id }))

  return (
    <div>
      <MyClientSideComponent existing={data} />
      { children }
    </div>
  );
}
'use client';
import { useHydrate } from 'use-hydrate';

import { setData } from './redux/my.slice';
import { selectData } from './redux/data.selector';


interface Props {
  existing?: MyData[]
}


export default function MyClientSideComponent({ existing = [] }: Props) {
  const data = useHydrate({ initial: existing, action: setData, selector: selectData });

  return (
    <div className="flex">
      { data }
    </div>
  );
}
1.2.0

2 years ago

1.1.1

2 years ago

1.1.0

2 years ago

1.1.3

2 years ago

1.1.2

2 years ago

1.0.0

2 years ago

0.0.1

2 years ago