I am attempting to create a new npm package that exports all @material-ui/core components with my own theme. I am currently using TypeScript and Rollup, but encountering difficulties. Here is the code I have:
index.ts
export { Button } from '@material-ui/core';
package.json
{
"name": "@ripley-ui/core",
"version": "1.0.0",
"description": "",
"main": "build/index.js",
"module": "build/index.esm.js",
"types": "build/index.d.ts",
"files": [
"build"
],
...
rollup.config.js
import external from "rollup-plugin-peer-deps-external";
...
}
]
};
and tsconfing.json
{
...
}
and the error it gets when importing Button into a new app is
Error: Invalid hook call. Hooks can only be called inside of a function component.
Help please!
<p><strong>UPDATE</strong></p>
<p>I made another test by creating and exporting a new component of my own. Still receiving the same invalid hook call error. Here's the code!</p>
<pre><code>import React, { useState } from "react";
...
export default TestComponent;
Is this possibly a bundler or compiler issue?