Custom Component without having to include React

_diddlysquat_2 years ago

5

• 

  denolfe

  2 years ago

  Hey 👋 The way that I would usually solve this is by using a

  global.d.ts

  file.

  
  
  

  There are a couple of ways to do this, but I believe this one would work

  
  
  

  - Create

  global.d.ts

  file at your project root

  
  
  

  declare global {
    const React: typeof React
  }

  
  
  

  - Reference this file from

  tsconfig.json
  
  

    "include": [
      "src",
      "global.d.ts"
    ],

  
  
  

  Custom Component without having to include React

• 

  _diddlysquat_2 years ago

  Awesome, thanks

  @967118574445547650

  for the quick reply! Will check it once i‘m back at the office!

  
  
  

  So, just had time to test and it seems that that didn't do anything. Any other ideas? Glad to share the code, if that helps.

  
  
  

  Basically i'm doing something like that:

  
  

  const SomeComponent = () => {
    return <div>Some text</div>;
  };
  
  export default SomeComponent;

• 

  denolfe

  2 years ago

  I would expect there to be a way to get this to working using

  global.d.ts

  . Maybe take a look at these 2 links. This is really just a TS configuration thing at this point, though, not Payload.

  
  
  https://stackoverflow.com/questions/66001602/create-react-app-and-global-types-not-being-picked-up
  https://stackoverflow.com/questions/39040108/import-class-in-definition-file-d-ts/51114250#51114250
• 

  _diddlysquat_2 years ago

  Fair point, thanks for the help so far! Will share my solution, once i got one.

• 

  dianogalast year

  @700814865731944588

  zombie thread! Did you ever get this one figured out?