如果 React 组件库需要 React 作为对等依赖，我如何让 Preact 使用它？

Question

Suppose I have a React Component library called myLibrary .

myLibrary has exported a <Hello /> Component:

import React from 'react';

function Hello() {
  return <div>World</div>
}

And myLibrary 's package.json specific React as a peer dependency.

Which means it doesn't install React when I npm install it in my other project.

How can I use myLibrary in my preact project without installing React?

In my preact project:

yarn add myLibrary

// main.js
/** @jsx h */
import { Hello } from 'myLibrary';
import { h, render } from 'preact';

render(<Hello />, document.body);

How can I make it all happen without installing React ?

Answer 1

This is what preact-compat is for! You'll want to implement per the readme here: https://github.com/developit/preact-compat