9.0.11 • Published 1 day ago

@fluentui/react-portal-compat-context v9.0.11

Weekly downloads
-
License
MIT
Repository
github
Last release
1 day ago

@fluentui/react-portal-compat-context

This package contains the React Context for compat layer in @fluentui/react-portal-compat.

Installation

yarn add @fluentui/react-portal-compat-context

Usage

Note: These APIs are intended to be used by library developers, please use @fluentui/react-portal-compat if you need Portal compatibility.

PortalCompatContextProvider and usePortalCompat() are exported APIs for implementing compat layer.

import { PortalCompatContextProvider, usePortalCompat } from '@fluentui/react-portal-compat-context';

function Consumer() {
  const registerEl = usePortalCompat();

  React.useEffect(() => {
    const portalEl = document.createElement('div');

    return registerEl(portalEl);
  }, [registerEl]);

  return null;
}

function App() {
  const registerEl = React.useCallback((portalEl: HTMLElement) => {
    // do something...
    console.log(portalEl);

    return () => {
      // do something for cleanups...
    };
  }, []);

  return (
    <PortalCompatContextProvider value={registerEl}>
      <Consumer />
    </PortalCompatContextProvider>
  );
}
9.0.11

5 months ago

9.0.9

8 months ago

9.0.8

8 months ago

9.0.7

9 months ago

9.0.10

6 months ago

9.0.6

1 year ago

9.0.5

1 year ago

9.0.4

2 years ago

9.0.3

2 years ago

9.0.2

2 years ago

0.0.0

2 years ago

9.0.1

2 years ago

9.0.0

2 years ago

9.0.0-rc.2

2 years ago

9.0.0-rc.1

2 years ago