Error Accessing Com Components

Error accessing COM components

Problem solved!

I have previously installed Office 2010, so there are some inconsistences in Windows Registry.
To fix them, open the regedit and find for the CLSID from the error.

You will find something like that for the second error:

HKEY_CLASSES_ROOT\Interface\{00020970-0000-0000-C000-000000000046}

With the subkeys:

ProxyStubClsid
ProxyStubClsid32
TypeLib

Take a look at the (Default) and Version values inside of TypeLib.

Now find the node below, using the (Default) value as <TypeLib ID>.

HKEY_CLASSES_ROOT\TypeLib\<TypeLib ID>\<version>

As child of this elements you will find more than one element, one of then is the Version of the first registry. If you inspect the others elements, you will find that they point to nothing. Remove the others!!! It's solved!

VueJS errors when using external components

The unfortunate fact is that "not so recent" release of Vue v3 has bring some breaking changes from Vue 2 which require some migration

It is safe to say that very little of the existing components and component libraries created for Vue 2 work without any modification in Vue 3

The repo linked to the course shows that you are using Vue 3. But Both the vue-good-table or vue-bootstrap4-table are Vue 2 components and do not have a version for Vue 3 yet

So you need to look for different component and look for explicit support of Vue 3...

”Warning: Function components cannot be given refs.“ error while using custom component in nextjs

Since you are adding a Functional Component inside Next.js's Link tag, there are some changes to be made. Here is an overview of what the say in the documentation:

If the child of Link is a functional component, in addition to using passHref, you must wrap the component in React.forwardRef.

Which means, first you should add passHref prop to Link when using HeaderIcon, this way:

<Link href="/" passHref>
   <HeaderIcon
      inactiveIcon={<AiOutlineHome />}
      activeIcon={<AiFillHome />}  
    />
</Link>

Then change HeaderIcon to the following code. Notice I'm using useRouter from Next.js to handle active and inactive state.

import { useRouter } from "next/router";
const HeaderIcon = ({ onClick, href, inactiveIcon, activeIcon }, ref) => {
  const router = useRouter();
  return (
    <a href={href} onClick={onClick} ref={ref}>
      <div>{router.pathname ? activeIcon : inactiveIcon}</div>
    </a>
  );
};
export default React.forwardRef(HeaderIcon);

Retrieving the COM class factory for component Access Denied Error

Solved this issue by opening Dcom Config for 32-bit Applications:

Go to Start | Run
Type MMC -32 and click Ok
Go to File | Select Add/Remove Snap-in option
Add Component Services option in Management Console application
Then follow the path to Dcom Config

And Boom! i found wlrun.LrEngine under Dcom.

And further gave appropriate permissions to it (Right click >> properties >> security >> Click customize - edit and add permissions)

Error Accessing Com Components